@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/opensans-light-webfont.eot');
  src: url('OpenSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans/opensans-light-webfont.woff') format('woff'), url('OpenSans/opensans-light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/opensans-regular-webfont.eot');
  src: url('OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans/opensans-regular-webfont.woff') format('woff'), url('OpenSans/opensans-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/opensans-bold-webfont.eot');
  src: url('OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans/opensans-bold-webfont.woff') format('woff'), url('OpenSans/opensans-bold-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/opensans-bolditalic-webfont.eot');
  src: url('OpenSans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans/opensans-bolditalic-webfont.woff') format('woff'), url('OpenSans/opensans-bolditalic-webfont.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/opensans-italic-webfont.eot');
  src: url('OpenSans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans/opensans-italic-webfont.woff') format('woff'), url('OpenSans/opensans-italic-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
/*!
 *  Font Awesome 3.1.0
 *  the iconic font designed for Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fontawesome.io
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('FontAwesome/font/fontawesome-webfont.eot?v=3.1.0');
  src: url('FontAwesome/font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('FontAwesome/font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('FontAwesome/font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('FontAwesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */

[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */

.icon-large:before {
  vertical-align: -10%;
  font-size: 1.333333333em;
}
/* makes sure icons active on rollover in links */

a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline;
}
/* increased font size for icon-large */

[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.285714286em;
  text-align: center;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.571428571em;
}
ul.icons-ul {
  list-style-type: none;
  text-indent: -0.714285714em;
  margin-left: 2.142857143em;
}
ul.icons-ul > li .icon-li {
  width: 0.714285714em;
  display: inline-block;
  text-align: center;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: white;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */

/* Bootstrap 2.0 sprites.less reset */

[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */

.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* EXTRAS
 * -------------------------- */

/* Stacked and layered icon */

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1;
}
/* Animated rotating icon */

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */

.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before,
.icon-rotate-right:before {
  content: "\f01e";
}
/* F020 doesn't work in Safari. all shifted one down */

.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before,
.icon-mail-forward:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before,
.icon-rotate-left:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before,
.icon-mail-reply:before {
  content: "\f112";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
/*
* Kendo UI Complete v2013.1.408 (http://kendoui.com)
* Copyright 2013 Telerik AD. All rights reserved.
*
* Kendo UI Complete commercial licenses may be obtained at
* https://www.kendoui.com/purchase/license-agreement/kendo-ui-complete-commercial.aspx
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
/* Kendo skin */
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
/* main colors */

.k-block,
.k-widget {
  background-color: white;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-progress {
  border-color: #dadada;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-grouping-row td,
td.k-group-cell,
.k-calendar th,
.k-dropzone-hovered,
.k-upload-files {
  background-color: white;
}
.k-list-container {
  border-color: #dadada;
  background-color: white;
}
.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: white;
}
.k-alt,
.k-separator {
  background-color: whitesmoke;
}
.k-widget .k-dropdown-wrap,
.k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap,
.k-textbox,
.k-autocomplete.k-header,
.k-autocomplete.k-state-focused,
span.k-dropdown-wrap.k-state-active,
span.k-picker-wrap.k-state-active,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-focused:hover,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover {
  border-color: #dadada;
  background-color: white;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #dadada;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background-color: white;
  color: #787878;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
  color: #787878;
}
.k-link:link,
.k-link:visited {
  color: #787878;
}
.k-header {
  color: #787878;
}
.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-draghandle,
.k-tile,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item {
  background-image: none;
}
.k-tabstrip-items .k-state-active {
  background: #cee2f7;
}
.k-tooltip {
  background-image: none;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-button,
.k-draghandle {
  background-color: white;
}
/* icons */

.k-icon,
.k-column-menu .k-sprite {
  opacity: 1;
}
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
  opacity: 1;
}
.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-callout,
.k-column-menu .k-sprite {
  background-image: url('Kendo/Metro/sprite.png');
  border-color: transparent;
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url('Kendo/Metro/loading.gif');
  background-position: 50% 50%;
}
.k-loading-image {
  background-image: url('Kendo/Metro/loading-image.gif');
}
.k-loading-color {
  background-color: white;
}
.k-button {
  color: #787878;
}
.k-button,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:active,
.k-state-disabled .k-button:active {
  border-color: #dadada;
  background-color: white;
}
.k-button:hover {
  color: #3c3938;
  border-color: #eaeaea;
  background-color: #eaeaea;
}
.k-draghandle {
  border-color: #8ebc00;
  background-color: #8ebc00;
  -webkit-box-shadow: 0 1px 1px 0 #676767;
  box-shadow: 0 1px 1px 0 #676767;
}
.k-draghandle:hover {
  border-color: #7ea700;
  background-color: #7ea700;
  background-image: none;
  -webkit-box-shadow: 0 1px 1px 0 #676767;
  box-shadow: 0 1px 1px 0 #676767;
}
/* states */

.k-state-active,
.k-state-active:hover,
.k-active-filter {
  background-color: #cee2f7;
  border-color: #7ea700;
  color: black;
}
.k-state-highlight {
  background-color: #cee2f7;
  color: black;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.k-state-selected,
.k-state-selected:link,
.k-list > .k-state-selected,
.k-list > .k-state-focused,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover {
  color: #3c3938;
  background-color: #e0edfa;
  border-color: #e0edfa;
}
.k-state-selected.k-state-focused,
.k-state-selected.k-state-highlight {
  background-color: #bdd9f4;
  border-color: #bdd9f4;
}
.k-state-selected > .k-link {
  color: #3c3938;
}
.k-state-selected,
.k-button:active {
  background-image: none;
}
.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-marquee,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone {
  color: #3c3938;
  background-color: #eaeaea;
  border-color: #eaeaea;
}
.k-button:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em {
  background-image: none;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active {
  background-image: none;
}
.k-tool-icon,
.k-tool-icon.k-state-hover,
.k-tool-icon.k-state-active,
.k-tool-icon.k-state-active.k-state-hover {
  background-image: url('Kendo/Metro/sprite.png');
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em {
  color: #3c3938;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #cee2f7;
  border-color: #dadada;
}
.k-calendar .k-state-selected.k-state-focused > .k-link {
  background-color: transparent;
}
.k-dropdown .k-state-hover .k-input {
  color: #3c3938;
}
.k-dropdown .k-state-focused .k-input {
  color: #787878;
}
.k-state-error {
  border-color: #e20000;
  background-color: #e20000;
  color: white;
}
.k-state-disabled {
  filter: alpha(opacity=70);
  opacity: .7;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-button.k-state-disabled:active,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #dadada;
}
/* Slider */

.k-slider-track {
  background-color: #dadada;
}
.k-slider-selection {
  background-color: #e0edfa;
}
.k-slider-horizontal .k-tick {
  background-image: url('Kendo/Metro/slider-h.gif');
}
.k-slider-vertical .k-tick {
  background-image: url('Kendo/Metro/slider-v.gif');
}
/* Tooltip */

.k-tooltip {
  border-color: #8ebc00;
  background-color: #8ebc00;
  color: white;
}
.k-tooltip-validation {
  border-color: #e20000;
  background-color: #e20000;
  color: white;
}
/* Splitter */

.k-splitbar {
  background-color: #dadada;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: white;
}
/* Upload */

.k-progress-status {
  border-color: #eaeaea transparent;
}
/* ImageBrowser */

.k-tile {
  border-color: white;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #eaeaea;
}
.k-tiles li.k-state-selected {
  border-color: #e0edfa;
}
.k-tile .k-folder,
.k-tile .k-file {
  background-image: url('Kendo/Metro/imagebrowser.png');
}
/* Shadows */

.k-widget,
.k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-hover,
.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid-header .k-header.k-state-focused,
.k-grid td.k-state-focused {
  background-color: white;
  -webkit-box-shadow: inset 0 0 6px #eaeaea;
  box-shadow: inset 0 0 6px #eaeaea;
}
.k-grid td.k-state-selected.k-state-focused {
  -webkit-box-shadow: inset 0 0 6px #5ca0e5;
  box-shadow: inset 0 0 6px #5ca0e5;
  background-color: #edf5fc;
}
.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-imagebrowser .k-image {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-window {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  background-color: white;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-combobox .k-input,
.k-picker-wrap .k-input {
  -webkit-box-shadow: inset 0 0 1px 1px transparent;
  box-shadow: inset 0 0 1px 1px transparent;
}
.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* Border radius */

.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-button .k-state-hover,
.k-editor-button .k-state-active,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-animation-container .k-calendar-container,
.k-list-container.k-state-border-right {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-numeric-wrap .k-link,
.k-colorpicker .k-selected-color,
.k-progress,
.k-progress-status {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-dropzone,
.k-upload-files {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
}
.k-draghandle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.lt-ie9 .hide-text {
  text-indent: -99999px;
}
.flex_fluid {
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  max-width: none;
  min-width: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* jScrollPane.css - http://jscrollpane.kelvinluck.com/ */

.jspScrollable {
  outline: none;
}
.jspContainer {
  overflow: hidden;
  position: relative;
  outline: none;
}
.jspPane {
  position: absolute;
  outline: none;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: transparent;
  display: block;
}
#bodyInner .jspVerticalBar {
  display: block;
  background: red;
  width: 10px;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
  display: block;
}
#bodyInner .jspHorizontalBar {
  display: block;
  background: red;
}
#feedPane:hover .jspVerticalBar {
  display: block;
}
#feedPane:hover .jspHorizontalBar {
  display: block;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: transparent;
  position: relative;
}
.jspTrack:hover {
  background: #333333;
}
#feedPane:hover .jspTrack {
  background: #eeeeee;
}
.feed-pinned #feedPane:hover .jspTrack {
  background: #dddddd;
}
.jspDrag {
  background: #bbbbbb;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* tipsy.css - http://onehackoranother.com/projects/jquery/tipsy/ */

.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}
.tipsy-inner {
  background-color: black;
  color: white;
  max-width: 300px;
  padding: 5px 8px 4px 8px;
  text-align: left;
  font-size: 12px;
  word-wrap: break-word;
}
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed black;
}
.tipsy-arrow-n {
  border-bottom-color: black;
}
.tipsy-arrow-s {
  border-top-color: black;
}
.tipsy-arrow-e {
  border-left-color: black;
}
.tipsy-arrow-w {
  border-right-color: black;
}
.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* $.progressBar Plugin styles */

.progress-bar {
  background: white;
  display: block;
  float: left;
  position: relative;
}
.progress-bar span {
  position: absolute;
  top: 0;
  left: 2px;
  right: 2px;
  text-align: right;
}
.progress-bar span.progress-bar-indicator {
  background: #8ebc00;
  display: block;
  float: left;
  height: 100%;
  width: 1%;
  left: 0;
  right: auto;
}
/* Menu list item styles */

.menu-list {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}
.menu-list li {
  display: block;
  padding: 1px 10px;
  font-size: 13px;
}
.menu-list li.title-menu-item {
  font-weight: bold;
  color: #222222;
  word-break: break-all;
}
.menu-list li.note-menu-item {
  font-size: 12px;
  line-height: 120%;
  color: #777777;
}
.menu-list li.text-menu-item {
  color: #333333;
}
.menu-list li.label-menu-item {
  color: #999999;
  padding-top: 7px;
}
.menu-list li.action-menu-item {
  color: #4389cc;
}
.menu-list li.action-menu-item:hover {
  background: #eeeeee;
  cursor: default;
}
.menu-list li.option-menu-item {
  padding: 1px 10px 1px 28px;
}
.menu-list li.option-menu-item:hover {
  background: #eeeeee;
  cursor: default;
}
.menu-list li.active {
  background: #e0edfa;
  cursor: default;
}
.menu-list .hint {
  font-size: 80%;
  float: none;
  display: inline;
  font-style: normal;
  padding-left: 5px;
}
/* popover styles */

.popover {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  visibility: hidden;
  position: absolute;
  z-index: 10020;
  width: 236px;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 1px;
  box-shadow: 0 0 5px #cccccc;
  background-clip: padding-box;
  padding: 1px;
}
.popover.error {
  background: red;
  color: white;
}
.popover.top {
  margin-bottom: 10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-right: 10px;
}
.popover-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 14px;
  overflow: auto;
  height: 100%;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow:after {
  z-index: -1;
  content: "";
}
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top-color: white;
  border-width: 10px 10px 0;
}
.popover.error.top .arrow {
  border-top-color: red;
}
.popover.top .arrow:after {
  bottom: -1px;
  left: -11px;
  border-top-color: #cfcfcf;
  border-width: 11px 11px 0;
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-right-color: white;
  border-width: 10px 10px 10px 0;
}
.popover.error.right .arrow {
  border-right-color: red;
}
.popover.right .arrow:after {
  bottom: -11px;
  left: -1px;
  border-right-color: #cfcfcf;
  border-width: 11px 11px 11px 0;
}
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: white;
  border-width: 0 10px 10px;
}
.popover.error.bottom .arrow {
  border-bottom-color: red;
}
.popover.bottom .arrow:after {
  top: -1px;
  left: -11px;
  border-bottom-color: #cfcfcf;
  border-width: 0 11px 11px;
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-left-color: white;
  border-width: 10px 0 10px 10px;
}
.popover.error.left .arrow {
  border-left-color: red;
}
.popover.left .arrow:after {
  right: -1px;
  bottom: -11px;
  border-left-color: #cfcfcf;
  border-width: 11px 0 11px 11px;
}
/* atUsername */

#at-username-autocomplete {
  background: white;
  box-shadow: 0 0 3px #666666;
  position: absolute;
  color: #333333;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 999999;
  width: 85%;
  min-width: 150px;
}
#at-username-autocomplete li {
  background-color: whitesmoke;
  cursor: pointer;
  margin: 0;
  min-width: 150px;
  padding: 2px 5px !important;
}
#at-username-autocomplete li .ac-fullname {
  color: #999999;
}
#at-username-autocomplete li.ac-msg {
  color: #999999;
}
#at-username-autocomplete li.active {
  color: white;
  background: #8cbe29;
}
#at-username-autocomplete li.active .ac-fullname {
  color: #dddddd;
}
#at-username-autocomplete li:hover {
  background: #dddddd;
}
#at-username-autocomplete li.active:hover {
  background: #8cbe29;
}
#at-username-autocomplete li.ac-msg:hover {
  background: whitesmoke;
}
/* guiders 1.2.8 */

.guider {
  background: white;
  position: absolute;
  outline: none;
  padding: 10px 20px;
  width: 500px;
  z-index: 1005 !important;
  box-shadow: 0 0px 8px #666666;
}
.guider_buttons {
  height: 36px;
  position: relative;
  width: 100%;
}
.guider_content {
  position: relative;
}
.guider_close {
  float: right;
  padding: 10px 0 0;
}
.x_button {
  background-image: url('x_close_button.jpg');
  cursor: pointer;
  height: 13px;
  width: 13px;
}
.guider_content h1 {
  color: black;
  float: left;
  font-size: 21px;
  margin: 25px 0 10px;
}
.guider_content p {
  clear: both;
  color: #333333;
  font-size: 13px;
}
.guider_content .tour-title {
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
}
.guider_content .tour-progress {
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0;
}
.guider_button {
  background-color: white;
  /* overruled by background gradient, in browsers where they exist */
  border: solid 1px #dddddd;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-weight: bold;
  margin-left: 6px;
  min-width: 40px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
#guider_overlay {
  background-color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 10;
}
.guider_arrow {
  width: 42px;
  height: 42px;
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  z-index: 1006 !important;
  /**
   * For optimization, the arrows image is inlined in the css below.
   * 
   * To use your own arrows image, replace this background-image with your own arrows.
   * It should have four arrows, top, right, left, and down.
   */
  background-image: url();
  *background-image: url('guider_arrows.png');
}
.guider_arrow_right {
  display: block;
  background-position: 0px 0px;
  right: -42px;
}
.guider_arrow_down {
  display: block;
  background-position: 0px -42px;
  bottom: -42px;
}
.guider_arrow_up {
  display: block;
  background-position: 0px -126px;
  top: -42px;
}
.guider_arrow_left {
  display: block;
  background-position: 0px -84px;
  left: -42px;
}
.guider_highlight {
  position: relative;
  z-index: 101;
}
/* LOADER OVERLAY */

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.loader-overlay-container {
  position: relative;
}
body {
  background: #3a3633;
  color: #333333;
  font: 0.75em "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  margin: 0;
  overflow: hidden;
  padding: 0;
  min-width: 480px;
}
a {
  cursor: pointer;
  color: #4389cc;
  text-decoration: none;
}
a img {
  border: none;
}
a:hover,
a:focus {
  color: black;
  outline: none;
}
p,
ul {
  margin-bottom: 20px;
  line-height: 1.6em;
  font-size: 13px;
}
.scrollable {
  overflow: auto;
}
html:not(.touch) ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
html:not(.touch) ::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
}
html:not(.touch) ::-webkit-scrollbar-track :vertical {
  border-width: 0 0 0 4px;
}
html:not(.touch) ::-webkit-scrollbar-track :horizontal {
  border-width: 4px 0 0 0;
}
html:not(.touch) ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
html:not(.touch) ::-webkit-scrollbar-thumb:vertical {
  min-height: 28px;
}
html:not(.touch) ::-webkit-scrollbar-thumb:horizontal {
  min-width: 28px;
  border-width: 1px 1px 5px 1px;
  border-top: 2px solid transparent;
}
html:not(.touch) ::-webkit-scrollbar-corner {
  background: transparent;
}
html:not(.touch) ::-webkit-scrollbar-button {
  display: none;
}
/* HEADINGS   
----------------------------------------------------------*/

h1 {
  font-size: 1.5em;
  padding-bottom: 0;
  margin-bottom: 0;
  word-wrap: break-word;
}
h1.pageHeading {
  font-size: 26px;
  font-weight: 100;
  color: black;
}
h2 {
  font-size: 1.4em;
  padding: 0 0 10px 0;
  font-weight: 100;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5,
h6 {
  font-size: 1em;
}
/* TABLE
----------------------------------------------------------*/

table {
  border-collapse: collapse;
}
table td {
  padding: 10px 10px 10px 0;
  vertical-align: top;
}
table th {
  padding: 10px 10px 10px 0;
  text-align: left;
  border: none;
  text-transform: uppercase;
  font-size: 11px;
}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */

.rightColumn > h1,
.rightColumn > h2,
.leftColumn > h1,
.leftColumn > h2 {
  margin-top: 0;
}
/* MISC  
----------------------------------------------------------*/

.sprite {
  background: url('../Images/sprite1x.png') 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .sprite {
    background-image: url('../Images/sprite2x.png');
    background-size: 100px 150px;
  }
}
:disabled,
[disabled],
:disabled:hover,
:disabled:active,
[disabled]:hover,
[disabled]:active {
  color: #666666;
  border-color: #cecece;
  background: white;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: not-allowed;
}
.middle {
  vertical-align: middle;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.transparent {
  opacity: 0;
  filter: alpha(opacity=0);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pt5 {
  padding-top: 5px;
}
.clear {
  clear: both;
}
.error {
  color: red;
}
.warning {
  margin-left: 20px;
  margin-top: 15px;
  color: red;
}
.round-corners-top {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
}
.round-corners-bottom {
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.round-corners-left {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
.round-corners-right {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.round-corners-all {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.round-corners-tl {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
}
.round-corners-tr {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
}
.round-corners-bl {
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
.round-corners-br {
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.hide-scrollbar,
.hide-scrollbar.main-pane {
  overflow: hidden;
}
.dummy a {
  color: #8ea9b2;
}
.status {
  float: left;
  min-width: 15px;
  height: 21px;
  line-height: 21px;
  padding: 0 3px;
  vertical-align: middle;
  color: white;
  font-weight: bold;
  text-align: center;
}
.status.normal {
  background: transparent;
  color: #777777;
}
.status.ok {
  background: #8bc03e;
  color: white;
}
.status.semi-alert {
  background: white;
  color: orange;
}
.status.alert {
  background: #e61f26;
  color: white;
}
.semi-alert {
  color: orange;
  font-weight: bold;
  cursor: default;
}
.alert {
  color: #e61f26;
  font-weight: bold;
  cursor: default;
}
.dialogWindow {
  word-wrap: break-word;
}
.k-treeview span.read-only {
  display: inline-block;
  padding-top: 5px;
}
.t-accordion {
  margin: 0 0 0 14px;
  padding: 0;
}
.t-accordion > li {
  list-style: none;
}
.t-accordion .accordion-header {
  font-size: 18px;
  padding: 10px 0 10px;
  background: #eeeeee;
  line-height: 100%;
}
.t-accordion .accordion-header .k-icon {
  margin: 5px 5px 0 5px;
}
.t-accordion .accordion-header .item-count {
  float: none;
  font-size: 12px;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: -4px;
}
.t-accordion .accordion-header .item-count.normal {
  background: #dddddd;
}
.t-accordion .accordion-content {
  margin: 0 0 0 21px;
}
#iterationsGrid,
#peopleGrid {
  min-height: 100px;
}
#iteration-list h3,
.project-iteration {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  overflow: hidden;
  line-height: 22px;
}
#iteration-list h3 .k-button,
.project-iteration .k-button {
  min-width: 16px;
  margin: 0 0 0 10px;
  display: inline-block;
}
#iteration-list h3 .k-button i,
.project-iteration .k-button i {
  font-size: 14px;
  position: relative;
  top: 1px;
}
.activationActionDesc {
  margin: 0 0 10px 23px;
}
.activationLicenseDesc {
  margin-left: 20px;
  margin-top: 10px;
}
.activationContentDesc {
  margin-left: 23px;
  margin-top: 15px;
}
.activationInputArea {
  margin-left: 40px;
  margin-top: 15px;
}
/* Loading */

#loadingContainer .teampulse-loading-image,
#refresh .teampulse-loading-image {
  position: fixed;
  z-index: 4;
  top: 5px;
  background-color: white;
  border: 1px solid #cccccc;
  left: 50%;
  width: 100px;
  margin: 0 0 0 -50px;
}
#loadingContainer .teampulse-loading-image {
  top: 10px;
}
.blank-body #loadingContainer .teampulse-loading-image {
  top: 0;
}
/* Messages */

.feedback-message {
  position: absolute;
  top: 8px;
  left: 50%;
  margin: 0 0 0 -200px;
  width: 380px;
  padding: 5px 10px;
  z-index: 1000;
  background: white;
  text-align: center;
}
.error-container {
  padding: 2px 10px;
}
.error-container.info,
.feedback-message.info {
  background: #666666;
  color: white;
}
.error-container.success,
.feedback-message.success {
  background: #99cc00;
  color: white;
}
.error-container.error,
.feedback-message.error,
.error-container.warning,
.feedback-message.warning {
  background: #e61f26;
  color: white;
}
.error-container.loading,
.feedback-message.loading {
  color: #777777;
}
.error-container a,
.feedback-message a {
  color: white;
  text-decoration: underline;
}
.error-container a:hover,
.feedback-message a:hover {
  text-decoration: none;
}
.error-container a.hideError,
.feedback-message a.hideError {
  text-decoration: none;
  margin: -2px -5px 2px 5px;
}
#warningMessage {
  background: #dddddd;
  display: block;
  padding: 5px;
  margin: 0;
}
#warningMessage.warning {
  color: #333333;
  line-height: 16px;
  vertical-align: middle;
}
#warningMessage.warning span {
  margin: -2px 10px 0 5px;
}
#noDataMessage,
.no-data-message {
  font-size: 18px;
  color: #999999;
  text-align: center;
  margin: 100px 80px;
  word-wrap: break-word;
}
#errorMessage {
  font-size: 18px;
  color: #e61f26;
  text-align: center;
  margin: 100px;
}
#footerTotalHours {
  font-size: 13px;
  font-weight: bold;
  color: black;
  text-align: left;
  margin: 10px 0 5px 7px;
}
@media print {
  @page {
    size: landscape;
  }
  #header,
  #sidemenu,
  .k-button,
  .t-title .parent-item-wrapper,
  .t-title .add-work-type-wrapper {
    display: none;
  }
  #screentitle,
  #body,
  #main,
  #page,
  #totalContent,
  #timesheetPane {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible;
  }
  #bodyInner {
    min-width: auto;
    overflow: visible;
  }
  .alert {
    border: 2px solid red;
    padding: 2px;
    display: inline-block;
    min-width: 21px;
    text-align: center;
  }
  .semi-alert {
    border: 2px solid orange;
    padding: 2px;
    display: inline-block;
    min-width: 21px;
    text-align: center;
  }
  .treeview-header {
    width: 100% !important;
  }
  #totalContent table {
    width: 98% !important;
  }
  body #body .timesheet-container.ie9 {
    overflow: visible;
    overflow-x: visible;
  }
  body #body .timesheet-container.ie8 {
    overflow: auto;
    overflow-x: visible;
  }
}
#noteText {
  width: 90%;
  height: 36px;
  padding: 2px;
  font-size: 13px;
  display: block;
}
#timeEntriesGrid .k-loading-mask {
  display: none;
}
/* Select columns menu (displayed in kendo window) */

.manage-columns-menu.k-window-content {
  padding-top: 20px;
}
.manage-columns-menu ul {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  width: 180px;
  padding: 2px;
  margin: 0 0 15px;
}
/* Save view (displayed in kendo window) */

#saveViewWindow h2 {
  padding: 0;
}
#saveViewWindow label {
  display: block;
}
#saveViewWindow label .hint {
  float: none;
  margin: 0 0 0 25px;
}
#saveViewWindow .dropdown-button {
  max-width: 100%;
}
#saveViewWindow .dropdown-button .dropdown-button-text {
  max-width: 360px;
  white-space: normal;
  text-align: left;
  float: left;
}
.projectsList {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.projectsList li {
  padding: 0 0 8px 0;
}
.legacy-id {
  margin: 0 5px 0 0;
  color: #999999;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  height: 14px;
  font-weight: normal;
  vertical-align: top;
}
/* blocking flag */

.blocking-flag {
  background: red;
  /*!!!*/
  color: white;
  display: inline-block;
  font-style: normal;
  font-size: 10px;
  padding: 1px 3px;
  border-radius: 2px;
  line-height: 130%;
  vertical-align: middle;
}
/*item icon + id badges */

.item-id {
  margin: 2px 5px 0 0;
  padding: 0 3px 0 0;
  background: #efefef;
  color: #666666;
  display: block;
  font-size: 11px;
  line-height: 14px;
  height: 14px;
  float: left;
  font-weight: normal;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-id a:link,
.item-id a:visited {
  color: #666666;
}
.item-id a:hover {
  color: black;
}
.item-id.icon-only {
  padding: 0;
  width: 13px;
  margin: 3px 5px;
}
.item-id.icon-only .type-icon {
  margin: 0;
}
.item-id.icon-only .type-icon:after {
  display: none;
}
.item-id .type-icon {
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  color: white;
  font-size: 10px;
  font-style: normal;
  text-indent: -1000em;
  width: 13px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  float: left;
}
.item-id .type-icon.tfs {
  width: 20px;
}
.item-id .type-icon:after {
  position: absolute;
  width: 13px;
  height: 14px;
  top: 0;
  left: 0;
  display: inline-block;
  color: white;
  text-indent: 0;
  text-align: center;
}
.item-id.task .type-icon,
.item-id.Task .type-icon {
  background: #9bc3de;
}
.item-id.task .type-icon:after,
.item-id.Task .type-icon:after {
  content: "T";
}
.item-id.tfs .type-icon {
  background: #68217a;
  width: 20px;
}
.item-id.tfs .type-icon:after {
  content: "TFS";
  width: 20px;
}
.item-id.Story .type-icon,
.item-id.story .type-icon {
  background: #d14843;
}
.item-id.Story .type-icon:after,
.item-id.story .type-icon:after {
  content: "S";
}
.item-id.Bug .type-icon,
.item-id.bug .type-icon {
  background: #777777;
}
.item-id.Bug .type-icon:after,
.item-id.bug .type-icon:after {
  content: "B";
}
.item-id.Issue .type-icon,
.item-id.issue .type-icon {
  background: #39b2ed;
}
.item-id.Issue .type-icon:after,
.item-id.issue .type-icon:after {
  content: "I";
}
.item-id.Risk .type-icon,
.item-id.risk .type-icon {
  background: #e2b076;
}
.item-id.Risk .type-icon:after,
.item-id.risk .type-icon:after {
  content: "R";
}
.item-id.Feedback .type-icon,
.item-id.feedback .type-icon {
  background: #2994c4;
}
.item-id.Feedback .type-icon:after,
.item-id.feedback .type-icon:after {
  content: "F";
}
.item-id.Project .type-icon {
  background: #666666;
}
.item-id.Project .type-icon:after {
  content: "P";
}
.item-id.User .type-icon {
  background: #666666;
}
.item-id.User .type-icon:after {
  content: "U";
}
.item-id.Blocking .type-icon {
  background: red;
}
/* Used for inline loaders: loader in the feedback msgs, my perspective, etc */

.teampulse-loading-image {
  position: relative;
  width: 50px;
  height: auto;
  min-height: 10px;
  min-width: 50px;
  display: inline-block;
  vertical-align: middle;
}
/* Overrides Kendo mobile scrollbar container styles */

.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: 10px;
  width: 10px;
  background-color: #333333;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  opacity: 0;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  border-radius: .4em;
}
.km-vertical-scrollbar {
  height: 100%;
  right: 1px;
  top: 0;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 0;
  bottom: 1px;
}
.km-scroll-container {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* overrides kendo numerictextbox */

.property .value .k-numerictextbox input[type="text"] {
  width: 100%;
  border: none;
}
/* overrided kendo window styles */

.k-window .property {
  margin: 0;
  border: none;
  padding: 0 0 5px 0;
}
.k-window-titlebar {
  background: whitesmoke;
  color: #333333;
  border-bottom: none;
  text-transform: uppercase;
}
.k-window-titlebar .k-window-actions {
  padding-top: 4px;
  background: transparent;
}
.k-window .actions {
  margin: 10px 0 5px 0;
}
.k-window .actions input {
  padding: 5px 10px;
}
.k-window .row-label {
  color: #333333;
}
/* overrides kendo arrow down small */

.k-arrow-down-small {
  background-position: -160px -141px;
}
/* overrides kendo grid button styles */

.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
  min-width: 0;
}
/* Overwriting kendo splitter styles */

.k-splitter {
  border: none;
}
.k-splitter .k-splitbar-horizontal {
  width: 5px;
  background: none;
  border-color: transparent;
}
.k-splitter .k-splitbar-horizontal div {
  visibility: hidden;
}
.k-splitter .k-splitbar-horizontal:hover {
  background: #dadada;
  border-color: #dadada;
}
.k-splitter .k-splitbar-horizontal:hover div {
  visibility: visible;
}
/* overwritting kendo  outline */

.k-widget,
.k-content {
  outline: none;
}
/* overriding kendo k-input */

.k-input {
  padding: 0;
  line-height: 22px;
}
/* overriding kendo k-overlay */

.k-overlay {
  background-color: white;
  position: absolute;
  /* the default is position: fixed; which has low performance and breaks on ipad */
  right: 0;
  bottom: 0;
}
/* overwritting k-button */

.k-button-override {
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
}
.k-button.primary {
  background-color: #1faadb;
  background-image: -moz-linear-gradient(top, #33b5e5, #0099cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33b5e5), to(#0099cc));
  background-image: -webkit-linear-gradient(top, #33b5e5, #0099cc);
  background-image: -o-linear-gradient(top, #33b5e5, #0099cc);
  background-image: linear-gradient(to bottom, #33b5e5, #0099cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33b5e5', endColorstr='#ff0099cc', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
}
.k-button.primary:hover {
  opacity: .8;
}
.k-button.default {
  background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc);
  background-image: -o-linear-gradient(top, #dddddd, #cccccc);
  background-image: linear-gradient(to bottom, #dddddd, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffcccccc', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
  color: #555555;
}
.k-button.default:hover {
  opacity: .8;
}
.k-button.add {
  background-color: #89bc00;
  background-image: -moz-linear-gradient(top, #92c500, #7caf00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c500), to(#7caf00));
  background-image: -webkit-linear-gradient(top, #92c500, #7caf00);
  background-image: -o-linear-gradient(top, #92c500, #7caf00);
  background-image: linear-gradient(to bottom, #92c500, #7caf00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c500', endColorstr='#ff7caf00', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
}
.k-button.add:hover {
  opacity: .8;
}
.k-button.large,
.k-button.small,
.k-button.mini {
  width: auto;
}
.k-button.large {
  font-size: 16px;
}
.k-button.small {
  font-size: 12px;
  padding: 3px 8px;
}
.k-button.mini {
  font-size: 11px;
  padding: 2px 5px;
}
.k-button.context-menu-expander {
  font-size: 11px;
  padding: 0 4px 0 3px;
  margin: -3px 1px 0 1px;
}
.k-button.rounded-left {
  border-radius: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-right: 1px;
}
.k-button.rounded-right {
  border-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.k-button .icon-trash {
  font-size: 14px;
}
.unauthorized-message {
  margin: 20px;
}
.workitems-container .k-loading-image,
.teampulse-overlay-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 50px;
  margin: -15px 0 0 -50px;
  background-color: #eeeeee;
}
.block {
  display: block;
}
.k-safari534 .k-dropdown,
.k-safari534 .k-combobox {
  -webkit-transform: none!important;
}
.flex .flex-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex .flex-scrollable {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
}
.flex .flex-horizontal {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-box-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  white-space: nowrap;
}
.flex .flex-fluid {
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  max-width: none;
  min-width: 0;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#header {
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe2e2e2', GradientType=0);
  box-shadow: 0 0 6px #333333;
  color: #666666;
  height: 50px;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
#header a {
  color: #333333;
}
#header img {
  display: block;
  float: left;
}
#header .logo {
  float: left;
  margin: 15px 0 0 7px;
  width: 135px;
}
#header #teamPulseLogo {
  display: block;
  width: 100px;
  height: 19px;
  background-position: 0 -72px;
}
#header .settings {
  background: url(../Images/arrow-white.png) no-repeat right;
  float: right;
  margin: 5px 30px 0 0;
  padding: 0 14px 0 0;
  text-align: right;
}
#header .profile {
  float: right;
  height: 42px;
  margin: 0;
  padding: 8px 15px 0 15px;
  position: relative;
}
#header .profile .user-menu-expander {
  color: #999999;
  float: right;
  font-size: 12px;
  margin: 8px 0 0 5px;
}
#header .profile img {
  max-height: 34px;
  max-width: 34px;
}
#header .profile .user-menu {
  display: none;
}
#header.guider_highlight {
  z-index: 101;
}
#header .project-context {
  position: relative;
  height: 45px;
  margin: 0;
  padding: 5px 15px 0;
  margin: 0 405px 0 180px;
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe2e2e2', GradientType=0);
}
#header .project-context a {
  display: block;
  padding: 0;
  text-decoration: none;
  font-size: 13px;
}
#header .project-context .label {
  display: block;
  color: #c7c5be;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 0 1px white;
}
#header .project-context #projectSelectorWrapper .dropdown-button {
  max-width: 97%;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
}
#header .project-context #projectSelectorWrapper .dropdown-button .dropdown-button-text {
  max-width: 94%;
  font-size: 14px;
  color: #333333;
}
#header .global-search {
  float: right;
  font-size: 20px;
  height: 36px;
  line-height: 22px;
  padding: 14px 20px 0;
  color: #777777;
  background-color: #ececec;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe2e2e2', GradientType=0);
}
#header .global-search:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .quick-add {
  float: right;
  font-size: 20px;
  height: 36px;
  line-height: 22px;
  padding: 14px 20px 0;
  color: white;
  background-color: #89bc00;
  background-image: -moz-linear-gradient(top, #92c500, #7caf00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c500), to(#7caf00));
  background-image: -webkit-linear-gradient(top, #92c500, #7caf00);
  background-image: -o-linear-gradient(top, #92c500, #7caf00);
  background-image: linear-gradient(to bottom, #92c500, #7caf00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c500', endColorstr='#ff7caf00', GradientType=0);
}
#header .quick-add.guider_highlight {
  border-left: none;
}
#header .quick-add:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .global-help {
  float: right;
  font-size: 20px;
  height: 36px;
  line-height: 22px;
  padding: 14px 15px 0;
  color: #777777;
}
#header .global-help:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .open-silverlight {
  position: relative;
  float: right;
  height: 36px;
  line-height: 22px;
  padding: 14px 20px 0 0;
  cursor: default;
}
#header .open-silverlight a {
  color: #888888;
}
#header .activity {
  float: left;
  color: white;
  height: 35px;
  margin: 0;
  padding: 15px 13px 0 0;
}
.dock-item {
  cursor: pointer;
}
@media all and (max-width: 600px) {
  #header .logo {
    width: 24px;
    overflow: hidden;
  }
  #header .project-context {
    margin-left: 65px;
  }
  .admin #header .logo {
    width: 135px;
  }
}
@media all and (max-width: 500px) {
  #header .project-context {
    margin-right: 222px;
  }
  #header .open-silverlight {
    display: none;
  }
  .admin #header .open-silverlight {
    display: block;
  }
}
@media all and (max-width: 420px) {
  .admin #header .logo {
    width: 24px;
  }
}
@media all and (max-width: 360px) {
  #header .project-context {
    display: none;
  }
}
/* Ribbon styles */

.gridview-subtoolbar > * {
  float: left;
}
.gridview-subtoolbar {
  padding: 14px 0 0 0;
}
#ribbon .dropdown-button-text {
  color: white;
}
.gridview-subtoolbar > .query-options {
  float: right;
}
.item-actions {
  margin: -3px 0 0 15px;
}
.item .item-actions {
  display: inline-block;
}
.item-actions .k-button,
.query-options .k-button,
.view-items-actions .k-button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1em;
  text-shadow: 0 0 1px black;
}
.item-actions .display-as-options,
.query-options .display-as-options,
.view-items-actions .display-as-options {
  overflow: hidden;
}
.item-actions .sorting-options .k-button,
.query-options .sorting-options .k-button,
.view-items-actions .sorting-options .k-button {
  border-radius: 2px;
  background-color: #707070;
  background-image: -moz-linear-gradient(top, #777777, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#666666));
  background-image: -webkit-linear-gradient(top, #777777, #666666);
  background-image: -o-linear-gradient(top, #777777, #666666);
  background-image: linear-gradient(to bottom, #777777, #666666);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);
  color: white;
  padding: 0 10px;
  line-height: 29px;
  vertical-align: middle;
  height: 29px;
  display: block;
}
.item-actions .sorting-options.add-new .k-button,
.query-options .sorting-options.add-new .k-button,
.view-items-actions .sorting-options.add-new .k-button {
  background-color: #89bc00;
  background-image: -moz-linear-gradient(top, #92c500, #7caf00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c500), to(#7caf00));
  background-image: -webkit-linear-gradient(top, #92c500, #7caf00);
  background-image: -o-linear-gradient(top, #92c500, #7caf00);
  background-image: linear-gradient(to bottom, #92c500, #7caf00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c500', endColorstr='#ff7caf00', GradientType=0);
}
.item-actions .priority-button-wrap,
.query-options .priority-button-wrap,
.view-items-actions .priority-button-wrap {
  padding: 0;
  margin-right: 8px;
}
.item-actions .priority-button-wrap .k-button,
.query-options .priority-button-wrap .k-button,
.view-items-actions .priority-button-wrap .k-button {
  margin: 0;
}
.item-actions .priority-button-wrap .k-state-disabled,
.query-options .priority-button-wrap .k-state-disabled,
.view-items-actions .priority-button-wrap .k-state-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: not-allowed;
  cursor: not-allowed !important;
}
.item-actions .priority-button,
.query-options .priority-button,
.view-items-actions .priority-button {
  display: block;
  height: 100%;
  overflow: hidden;
}
.item-actions .priority-button .dropdown-button .dropdown-button-text,
.query-options .priority-button .dropdown-button .dropdown-button-text,
.view-items-actions .priority-button .dropdown-button .dropdown-button-text {
  font-size: 12px;
}
.item-actions .priority-button .k-icon,
.query-options .priority-button .k-icon,
.view-items-actions .priority-button .k-icon {
  margin-top: 7px;
  background-position: -16px -32px;
}
.item-actions .k-i-arrow-s,
.query-options .k-i-arrow-s,
.view-items-actions .k-i-arrow-s {
  background-position: -16px -32px;
  margin-left: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.item-actions .k-i-arrow-s:hover,
.query-options .k-i-arrow-s:hover,
.view-items-actions .k-i-arrow-s:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.item-actions .card-size-label,
.query-options .card-size-label,
.view-items-actions .card-size-label {
  padding: 0 10px;
}
.item-actions .card-size-control .card-size-button-s,
.query-options .card-size-control .card-size-button-s,
.view-items-actions .card-size-control .card-size-button-s,
.item-actions .card-size-control .card-size-button-l,
.query-options .card-size-control .card-size-button-l,
.view-items-actions .card-size-control .card-size-button-l {
  display: block;
  border: none;
  width: 25px;
  height: 29px;
  float: left;
  box-shadow: none;
  cursor: pointer;
}
.item-actions .card-size-control .card-size-button-s,
.query-options .card-size-control .card-size-button-s,
.view-items-actions .card-size-control .card-size-button-s {
  background-position: 8px -41px;
}
.item-actions .card-size-control .card-size-button-l,
.query-options .card-size-control .card-size-button-l,
.view-items-actions .card-size-control .card-size-button-l {
  background-position: 0 5px;
}
.item-actions .card-size-control .card-size-slider-wrap,
.query-options .card-size-control .card-size-slider-wrap,
.view-items-actions .card-size-control .card-size-slider-wrap {
  float: left;
  padding: 0 10px;
}
.item-actions .card-size-control .k-slider-horizontal,
.query-options .card-size-control .k-slider-horizontal,
.view-items-actions .card-size-control .k-slider-horizontal {
  padding-top: 2px;
  display: inline-block;
  float: left;
  width: 100px;
}
.item-actions .card-size-control .k-slider-track,
.query-options .card-size-control .k-slider-track,
.view-items-actions .card-size-control .k-slider-track {
  padding: 1px 1px 0 0;
}
.item-actions .card-size-control .k-label,
.query-options .card-size-control .k-label,
.view-items-actions .card-size-control .k-label {
  display: none;
}
.item-actions .card-size-button .k-button,
.query-options .card-size-button .k-button,
.view-items-actions .card-size-button .k-button {
  padding: 0;
}
.item-actions .dropdown-button .dropdown-button-text,
.query-options .dropdown-button .dropdown-button-text,
.view-items-actions .dropdown-button .dropdown-button-text {
  vertical-align: inherit;
}
.display-as-options .k-button {
  background: none;
  color: #999999;
  font-size: 19px;
  padding: 0 5px;
  margin: 0 1px 0 0;
  line-height: 100%;
  display: block;
  float: left;
}
.display-as-options .k-button.k-state-active {
  color: white;
}
.display-as-options .k-button:hover {
  color: white;
}
.priority-action {
  cursor: pointer;
}
.priority-action:focus {
  background: #eaeaea;
  outline: none;
}
.item-actions,
.view-actions {
  margin: -3px 0 0 0;
}
.item-actions .k-button,
.view-actions .k-button {
  border-radius: 2px;
  background-color: #707070;
  background-image: -moz-linear-gradient(top, #777777, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#666666));
  background-image: -webkit-linear-gradient(top, #777777, #666666);
  background-image: -o-linear-gradient(top, #777777, #666666);
  background-image: linear-gradient(to bottom, #777777, #666666);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);
  color: white;
  padding: 0 10px;
  line-height: 29px;
  vertical-align: middle;
  height: 29px;
  display: block;
  border: none;
  float: left;
  margin: 0 8px 0 0;
}
.item-actions .k-button.add,
.view-actions .k-button.add {
  background-color: #89bc00;
  background-image: -moz-linear-gradient(top, #92c500, #7caf00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c500), to(#7caf00));
  background-image: -webkit-linear-gradient(top, #92c500, #7caf00);
  background-image: -o-linear-gradient(top, #92c500, #7caf00);
  background-image: linear-gradient(to bottom, #92c500, #7caf00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c500', endColorstr='#ff7caf00', GradientType=0);
  color: white;
}
.item-actions .k-button.add:hover,
.view-actions .k-button.add:hover {
  opacity: .8;
}
.item-actions .dropdown-button .dropdown-button-text,
.view-actions .dropdown-button .dropdown-button-text {
  vertical-align: inherit;
  font-size: 20px;
}
.view-actions-container .icon-cog {
  font-size: 16px;
}
.view-options .ribbon-tab {
  padding: 17px 14px;
  margin-top: -14px;
  height: 16px;
  vertical-align: middle;
  border-left: 1px solid #777777;
}
.view-options .ribbon-tab:hover {
  background-color: #4e4e4e;
  background-image: -moz-linear-gradient(top, #555555, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#444444));
  background-image: -webkit-linear-gradient(top, #555555, #444444);
  background-image: -o-linear-gradient(top, #555555, #444444);
  background-image: linear-gradient(to bottom, #555555, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff444444', GradientType=0);
  cursor: pointer;
}
.view-options .ribbon-tab .menu-icon {
  font-size: 14px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.view-options .ribbon-tab.active {
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, white, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, white, #eeeeee);
  background-image: -o-linear-gradient(top, white, #eeeeee);
  background-image: linear-gradient(to bottom, white, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
  color: black;
}
.view-options .ribbon-tab.display-as-options:hover,
.view-options .ribbon-tab.card-size-button {
  background: none;
}
.view-options .ribbon-tab.card-size-button {
  padding-top: 12px;
  height: 21px;
}
.view-options .ribbon-tab.data-setup {
  border-right: 1px solid #777777;
}
.view-actions-container .k-button {
  background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc);
  background-image: -o-linear-gradient(top, #dddddd, #cccccc);
  background-image: linear-gradient(to bottom, #dddddd, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffcccccc', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
  color: #555555;
  font-size: 12px;
  padding: 3px 8px;
  margin: 1px 0 0 10px;
}
.view-actions-container .k-button:hover {
  opacity: .8;
}
.row-chooser .k-button.dropdown-button,
.column-chooser .k-button.dropdown-button {
  background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #dddddd, #cccccc);
  background-image: -o-linear-gradient(top, #dddddd, #cccccc);
  background-image: linear-gradient(to bottom, #dddddd, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ffcccccc', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  padding: 5px 10px;
  font-size: 13px;
  color: #555555;
  font-size: 12px;
  padding: 3px 8px;
}
.row-chooser .k-button.dropdown-button:hover,
.column-chooser .k-button.dropdown-button:hover {
  opacity: .8;
}
.notification-button {
  color: Orange;
  text-shadow: 0 0 2px white;
}
.time-entries .gridview-subtoolbar {
  padding-left: 15px;
}
@-webkit-keyframes orangePulse {
  from {
    background: #777777;
    -webkit-box-shadow: 0 0 9px #333333;
  }
  50% {
    background: #aaaaaa;
    -webkit-box-shadow: 0 0 18px white;
  }
  to {
    background: #777777;
    -webkit-box-shadow: 0 0 9px #333333;
  }
}
.column-sorter .sort-prioritization-disabled {
  -webkit-animation-name: orangePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
@media all and (max-width: 1060px) {
  .button-text {
    display: none;
  }
}
@media all and (max-width: 925px) {
  .display-as-options {
    position: static;
  }
  .display-as-options .k-button {
    display: none;
  }
  .display-as-options:hover .k-button {
    display: block;
  }
  .display-as-options .k-button.k-state-active {
    display: block;
  }
}
@media all and (max-width: 860px) {
  .gridview-search-container input {
    display: none;
  }
  .gridview-search-container:hover input[type="search"],
  .gridview-search-container input[type="search"]:hover,
  input[type="search"].k-state-focused {
    display: block;
    position: absolute;
    margin-top: 25px;
    margin-left: -15px;
  }
}
.lt-ie9 #QuickAddWrapper,
#ItemAddRelationshipWrapper {
  height: 100%;
}
#QuickAddWrapper nav,
#ItemAddRelationshipWrapper nav {
  width: 200px;
  float: left;
  display: none;
}
#QuickAddWrapper nav ul,
#ItemAddRelationshipWrapper nav ul {
  list-style: none;
  margin: 0 30px 0 0;
  border-right: 1px solid #dddddd;
  padding: 0;
}
#QuickAddWrapper nav li,
#ItemAddRelationshipWrapper nav li {
  margin: 0 30px 0 0;
  padding: 7px 10px;
  text-transform: uppercase;
}
#QuickAddWrapper nav li.separator,
#ItemAddRelationshipWrapper nav li.separator {
  border-top: 1px solid #dddddd;
}
#QuickAddWrapper nav li.active,
#ItemAddRelationshipWrapper nav li.active,
#QuickAddWrapper nav li:hover,
#ItemAddRelationshipWrapper nav li:hover {
  background: #dddddd;
  margin: 0;
}
#QuickAddWrapper .abbreviation,
#ItemAddRelationshipWrapper .abbreviation {
  width: 50px;
}
#QuickAddWrapper .customize-menu,
#ItemAddRelationshipWrapper .customize-menu {
  display: none;
}
#QuickAddWrapper textarea,
#ItemAddRelationshipWrapper textarea {
  background: white;
  border: 1px solid #eeeeee;
  color: #333333;
  padding: 2px;
}
#QuickAddWrapper .tp-dropdown .k-combobox,
#ItemAddRelationshipWrapper .tp-dropdown .k-combobox,
#QuickAddWrapper .tp-dropdown .k-dropdown,
#ItemAddRelationshipWrapper .tp-dropdown .k-dropdown {
  width: 400px;
  font-size: 13px;
}
#QuickAddWrapper .top-controls,
#ItemAddRelationshipWrapper .top-controls {
  display: none;
  margin-top: -25px;
  font-size: 12px;
  position: absolute;
  z-index: 1;
}
#QuickAddWrapper .relationship-actions,
#ItemAddRelationshipWrapper .relationship-actions {
  height: 100px;
  bottom: 0;
}
#QuickAddWrapper .relationship-actions .actions,
#ItemAddRelationshipWrapper .relationship-actions .actions {
  margin-top: 25px;
}
#QuickAddWrapper .relationship-actions .k-button.primary,
#ItemAddRelationshipWrapper .relationship-actions .k-button.primary {
  width: 105px;
}
#QuickAddWrapper .details,
#ItemAddRelationshipWrapper .details {
  outline: none;
}
#QuickAddWrapper .dropdown-menu-popover,
#ItemAddRelationshipWrapper .dropdown-menu-popover {
  z-index: 99999;
}
#QuickAddWrapper .item-details .label,
#ItemAddRelationshipWrapper .item-details .label {
  width: 105px;
}
.quick-add-popover.popover {
  z-index: 99999;
}
.quick-add-popover .customize-menu p {
  margin: 0;
}
.quick-add-popover .customize-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 300px;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}
.quick-add-popover .customize-menu li {
  display: block;
  width: 110px;
  float: left;
}
.tags-listing {
  list-style: none;
  padding: 0;
}
.global-search-popover {
  padding: 0;
}
.global-search-popover .popover-content {
  padding: 0;
}
.global-search-popover.popover {
  margin: 0;
}
.global-search-popover.popover .arrow {
  border-bottom-color: #e2e2e2;
}
.global-search-popover label {
  display: inline-block;
  width: 139px;
  text-align: right;
  padding-right: 10px;
}
.global-search-controls {
  background: #e2e2e2;
  padding: 10px;
  margin: 0;
}
.global-search-controls .all-projects {
  margin-left: 145px;
  margin-top: 5px;
}
.global-search-field-wrap {
  margin: 10px -10px -10px;
  padding: 20px 10px;
  background: #d1d1d1;
  position: relative;
}
.global-search-field-wrap:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #d1d1d1;
  top: 0;
  left: 54.6%;
  margin-top: -7px;
}
.global-search-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid white;
  padding: 2px;
  width: 440px;
}
.global-search-actions {
  padding-left: 152px;
}
.global-search-actions button {
  border: none;
  font: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  padding: 5px 15px;
  background: #cccccc;
  color: #666666;
  cursor: pointer;
}
.global-search-actions button:hover {
  background: #bbbbbb;
}
#advancedSearchFields .global-search-field {
  border: 0;
  width: auto;
}
.global-search-button {
  display: inline-block;
  padding: 3px 10px;
  background: #cccccc;
  margin-left: -2px;
  color: #666666;
}
.refine-search,
.global-search-detailed-results {
  padding: 5px 0 5px 179px;
  background: #e2e2e2;
}
.refine-search p,
.global-search-detailed-results p {
  font-size: 11px;
  margin: 0;
  color: #666666;
}
.global-search-results {
  padding: 0 10px;
  max-height: 400px;
  overflow: auto;
}
.global-search-results label,
.global-search-results .items {
  float: left;
  color: #666666;
}
.global-search-results a {
  color: #333333;
  display: block;
  padding: 5px 10px 5px 15px;
  overflow: hidden;
}
.global-search-results a:hover {
  background: #eaeaea;
  color: #3c3938;
}
.global-search-results a:focus {
  background: #eaeaea;
  color: #3c3938;
}
.global-search-results .items {
  font-weight: bold;
  border-left: 1px solid #e2e2e2;
  margin-left: 3px;
  width: 500px;
}
.global-search-results section label {
  padding: 5px;
}
.global-search-results .search-hint {
  text-align: center;
  padding: 120px 0;
  color: #cccccc;
}
.global-search-results article {
  *zoom: 1;
  padding-bottom: 5px;
}
.global-search-results article:before,
.global-search-results article:after {
  display: table;
  content: "";
  line-height: 0;
}
.global-search-results article:after {
  clear: both;
}
.global-search-results article .highlight {
  background-color: #fff6df;
}
.global-search-results article p,
.global-search-results article h1 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}
.global-search-results article h1 {
  line-height: 14px;
  overflow: hidden;
}
.global-search-results .meta {
  color: #999999;
}
.global-help-popover.popover {
  margin: 0;
}
.global-help-popover .popover-content {
  padding: 0;
}
.global-help-popover ul,
.global-help-popover li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-help-popover li {
  display: block;
  border-bottom: 1px solid #eaeaea;
}
.global-help-popover li:last-child {
  border: 0;
}
.global-help-popover li a {
  display: block;
  padding: 5px 10px;
}
.global-help-popover li a:hover {
  background: #eaeaea;
}
#feed {
  display: none;
  background: white;
  width: 420px;
  padding: 45px 15px 35px;
  position: absolute;
  top: 45px;
  left: 15px;
  bottom: 20px;
  box-shadow: 0 0 3px #999999;
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#feed:after,
#feed:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#feed:after {
  border-color: transparent;
  border-bottom-color: white;
  border-width: 8px;
  left: 130px;
}
#feed:before {
  border-color: transparent;
  border-bottom-color: #cecece;
  border-width: 9px;
  left: 129px;
}
#feedHeader {
  height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  left: 15px;
}
#feedHeader h4 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  float: left;
  font-weight: bold;
}
#feedHeader .filtering-menu {
  list-style: none;
  float: left;
  margin: 0 0 5px 10px;
  padding: 0;
}
#feedHeader .filtering-menu li {
  display: block;
  float: left;
  font-size: 11px;
  line-height: 100%;
}
#feedHeader .filtering-menu a {
  display: block;
  padding: 5px;
}
#feedHeader .filtering-menu .active a {
  background: #dddddd;
  color: black;
}
#feedHeader .feed-pane-options {
  margin: 2px 0 0 0;
}
#feedFooter {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  font-size: 11px;
  border-top: 1px solid #e2e2e2;
  padding: 3px 0 0 0;
}
#feedFooter a {
  color: #777777;
}
#feedFooter a:hover {
  color: #d31f43;
}
#feedPane {
  overflow: auto;
  width: 100%;
  height: 100%;
}
#feedPane .teampulse-loading-image {
  position: fixed;
  top: 8px;
  left: 50%;
  margin: 0 0 0 -35px;
  width: 50px;
  padding: 5px 10px;
  z-index: 1000;
  text-align: center;
  display: block;
  background-color: white;
}
#feedPane .no-data {
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
  width: 240px;
}
#feedPane #msgOptions .post-comment {
  margin: 3px 3px 0 0;
}
#feedPane h5 {
  color: white;
  font-size: 13px;
  font-weight: normal;
  margin: 12px 15px 0 5px;
  padding: 0;
}
#feedPane .fi-addcomment-msg {
  position: fixed;
  top: 8px;
  left: 50%;
  margin: 0 0 0 -200px;
  width: 380px;
  padding: 5px 10px;
  z-index: 1000;
  background: white;
  text-align: center;
  font-size: 12px;
}
#feedPane .success {
  background: #99cc00;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
#feedPane .error {
  background: #e61f26;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
#feedPane #af-message {
  margin: 0 0 10px 0;
}
#feedPane #af-message p {
  font-size: 12px;
  padding: 0;
  margin: 0;
}
#feedPane textarea {
  display: block;
  padding: 2px;
  font-size: 13px;
  height: 23px;
  width: 180px;
  line-height: 130%;
  margin: 0;
}
#feedPane #personalMessage {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 2px;
  width: 100%;
}
#feedItemList {
  list-style: none outside;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}
#feedItemList .fi-img {
  float: left;
  margin: 0;
  width: 28px;
  height: 28px;
}
#feedItemList .fi-content {
  display: block;
  margin: -3px 0 0 33px;
  line-height: 130%;
  word-wrap: break-word;
}
#feedItemList .fi-flagged-indicator {
  display: inline-block;
  font-size: 10px;
  background: orange;
  padding: 0 3px;
  color: white;
}
#feedItemList .fi-meta {
  display: block;
  font-size: 10px;
  line-height: 11px;
  margin: 3px 0 1px 33px;
  color: #999999;
  word-wrap: break-word;
}
#feedItemList .fi-actions {
  display: block;
  font-size: 10px;
  margin: 0 0 0 33px;
  color: #777777;
}
#feedItemList .fi-comment {
  display: block;
  font-size: 10px;
  margin: 0 0 0 33px;
  color: #777777;
}
#feedItemList .fi-comment-text {
  margin-top: 15px;
  min-height: 30px;
  width: 95%;
}
#feedItemList .fi-comment-img {
  margin-top: 15px;
}
#feedItemList .item-id {
  display: inline-block;
  float: none;
  top: 1px;
  left: 4px;
  padding: 0;
}
#feedItemList .item-id .type-icon {
  float: none;
  margin: 0;
}
#feedItemList > li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 13px;
  line-height: 130%;
  position: relative;
  background: white;
  padding: 10px 5px 5px;
  margin: 0 0 5px 0;
  border-top: 1px solid #e3e3e3;
  min-height: 40px;
}
#feedItemList > li.flagged {
  background: whitesmoke;
}
#feed.feed-pinned {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 260px;
  padding: 67px 5px 27px;
  background: #f2f4f8;
  border-color: #f2f4f8;
  border-top-width: 12px;
  border-left-width: 5px;
  border-bottom-width: 3px;
  border-right-width: 5px;
  box-shadow: none;
}
#feedNewItemBar {
  text-align: center;
  position: relative;
  cursor: pointer;
  background-color: #dddddd;
  padding: 5px;
  margin: 8px 0 5px 0;
  display: none;
}
#feedNewItemBar:hover {
  background-color: #d6d6d6;
}
.no-boxshadow .feed-visible#feed {
  border: 1px solid #999999;
  border-bottom: 2px solid #999999;
}
.feed-pinned #feedHeader {
  top: 12px;
  left: 5px;
  right: 5px;
}
.feed-pinned #feedHeader .filtering-menu {
  float: none;
  overflow: hidden;
  margin: 30px 0 0;
}
.feed-pinned #feedFooter {
  left: 5px;
  right: 5px;
  bottom: 8px;
}
.feed-pinned #feedPane {
  width: 250px;
}
.feed-pinned #feedItemList {
  width: 240px;
}
.feed-pinned #feedItemList > li {
  background: transparent;
}
.feed-pinned #feedItemList > li.flagged {
  background: #e9e9e9;
}
#page.feed-pinned {
  right: 260px;
  border-right: 1px solid #e6e6e6;
}
#feed.feed-visible {
  display: block;
}
@media all and (max-width: 800px) {
  #feed {
    left: 10px;
  }
}
div.window-form.manage-sorting-menu {
  min-height: auto;
}
.sort-by-dialog .sort-by-custom-field {
  border: 1px solid #dadada;
  padding: 15px;
}
.sort-by-dialog .sort-by-field {
  margin-bottom: 15px;
}
.sort-by-dialog .sort-by-order-label {
  margin-right: 10px;
}
.feed-pinned .activity {
  display: none;
}
#asBadge {
  cursor: pointer;
  background: #666666;
  display: inline-block;
  padding: 3px;
  font-size: 11px;
  min-width: 16px;
  line-height: 16px;
  height: 16px;
  text-align: center;
}
#asBadge.flagged {
  background: red;
}
#asBadge.new-updates {
  background: #ffaa00;
}
#page {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 550px;
}
#sidemenu {
  position: absolute;
  top: 50px;
  left: 0;
  width: 180px;
  bottom: 0;
  margin: 0;
  color: #999999;
  padding: 0;
  z-index: 2;
  background: #3a3633;
  background: url();
  background: -moz-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(93%, #3a3633), color-stop(100%, #2a2725));
  background: -webkit-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -o-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: -ms-linear-gradient(left, #3a3633 93%, #2a2725 100%);
  background: linear-gradient(to right, #3a3633 93%, #2a2725 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3633', endColorstr='#2a2725', GradientType=1);
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
#sidemenu #menuwrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  bottom: 28px;
  overflow: hidden;
}
#sidemenu.pop-out {
  left: -150px;
}
#sidemenu.pop-out:hover {
  z-index: 99999;
  background: #3a3633;
  left: 0;
}
#sidemenu.pop-out:hover .navigation-control {
  margin-left: 0;
}
#sidemenu.pop-out:hover .navigation-control span {
  display: inline;
}
#sidemenu.pop-out .navigation-control {
  margin-left: 150px;
}
#sidemenu.pop-out .navigation-control span {
  display: none;
}
#sidemenu.navigation-hidden {
  display: none;
}
#sidemenu.guider_highlight {
  z-index: 11;
}
#sidemenu .k-treeview {
  margin: 10px 0 10px 5px;
}
#sidemenu .k-treeview > ul {
  margin-bottom: 20px;
}
#sidemenu .k-treeview .k-item {
  padding: 0;
  font-size: 16px;
  font-weight: 300;
}
#sidemenu .k-treeview .k-item .k-in {
  background: none;
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-left: 3px solid transparent;
  overflow: hidden;
  word-wrap: break-word;
}
#sidemenu .k-treeview .k-item .k-in a {
  color: #9b9b9b;
  padding: 9px 0 9px 13px;
  display: block;
}
#sidemenu .k-treeview .k-item .k-in span {
  float: left;
  color: #9b9b9b;
  padding: 9px 0;
  display: block;
}
#sidemenu .k-treeview .k-item .k-in a:hover {
  color: white;
}
#sidemenu .k-treeview .k-item .k-in .emptyNode {
  padding: 0 0 2px 14px;
  color: #666666;
  font-size: 12px;
}
#sidemenu .k-treeview .k-item .k-in hr {
  border: none;
  border-bottom: 1px solid #525151;
  border-top: 1px solid #1a1817;
  margin: 10px 20px 10px 13px;
  padding: 0;
}
#sidemenu .k-treeview .k-item .k-in .CreateView {
  font-size: 13px;
}
#sidemenu .k-treeview .k-item .k-in .k-button {
  color: white;
  padding: 2px 4px 0 5px;
  margin: 0 7px 0 0;
}
#sidemenu .k-treeview .k-item .k-item {
  font-size: 13px;
}
#sidemenu .k-treeview .k-item .k-item .k-in a {
  padding: 4px 10px 4px 13px;
}
#sidemenu .k-treeview .k-item .k-in.k-state-hover {
  border: none;
  border-left: 3px solid transparent;
}
#sidemenu .k-treeview .k-item .k-in.k-state-selected {
  border: none;
  border-left: 3px solid #4389cc;
  background: none;
}
#sidemenu .k-treeview .k-item .k-in.k-state-selected a {
  color: white;
}
#sidemenu .k-treeview .k-item .k-in.k-state-selected:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid white;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
#sidemenu .k-treeview .k-item .k-state-hover {
  background: none;
}
#sidemenu .k-treeview .k-item .k-top,
#sidemenu .k-treeview .k-item .k-mid,
#sidemenu .k-treeview .k-item .k-bot {
  white-space: normal;
}
#sidemenu .k-treeview .k-plus,
#sidemenu .k-treeview .k-minus,
#sidemenu .k-treeview .k-plus-disabled,
#sidemenu .k-treeview .k-minus-disabled {
  margin: 10px -2px 0 0;
}
#sidemenu .navigation-control {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #454545;
  padding: 8px 10px;
}
#sidemenu .navigation-control a {
  color: #999999;
}
#menuSlider {
  position: relative;
  width: 200%;
  height: 100%;
}
#mainMenu,
#subMenu {
  position: absolute;
  top: 0;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#subMenu {
  left: 50%;
  bottom: 0;
}
#subMenu .menu-group {
  height: 100%;
}
#subMenu .jspVerticalBar {
  opacity: 0;
  filter: alpha(opacity=0);
  right: 2px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#subMenu:hover .jspVerticalBar {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#subMenu .jspPane {
  left: 0;
  right: 0;
  width: auto!important;
}
#subMenu .tree-container {
  overflow: auto;
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.mode {
  border-bottom: 1px solid #525151;
  cursor: pointer;
  height: 50px;
}
.mode h1 {
  font-weight: 300;
  font-size: 24px;
  margin: 0;
  padding: 8px 0 0 10px;
  border-bottom: 1px solid #1a1817;
  height: 41px;
}
.mode h1 i {
  font-size: 14px;
  float: left;
  margin: 9px 10px 0 0;
}
#sidemenu.pop-out .mode {
  background: #3a3633;
}
#main {
  position: absolute;
  top: 50px;
  left: 180px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  min-width: 0;
  background: white;
}
#main.pop-out {
  left: 30px;
}
#main.navigation-hidden {
  left: 0;
}
#main.preview-pane-visible {
  right: 400px;
  border-right: 1px solid #f3f3f3;
}
#ribbon,
.pane-toolbar {
  height: 50px;
  background: #474544;
  color: #dddddd;
}
#ribbon {
  padding-left: 14px;
  padding-right: 14px;
  z-index: 2;
  position: relative;
}
#ribbon.guider_highlight {
  z-index: 101;
}
.main-pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.admin .main-pane {
  top: 50px;
}
.itemdetails-container {
  height: 100%;
}
.no-flex .itemdetails-container {
  overflow: auto;
}
.item-page.itemdetails-container {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}
.preview-pane.k-pane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: white;
  width: 400px;
  overflow: hidden;
  padding-bottom: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.preview-pane.k-pane.expanded {
  width: auto;
}
.preview-pane.k-pane .preview-pane-toggle-button {
  position: absolute;
  bottom: 0;
  z-index: 1;
  background: whitesmoke;
  color: #777777;
  border: none;
  border-top: 1px solid #dfdfdf;
  cursor: pointer;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  padding: 8px 0;
  margin: 0;
  height: 16px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.preview-pane.k-pane .preview-pane-toggle-button i {
  display: inline-block;
  margin: 0 10px;
}
.preview-pane.k-pane .preview-pane-toggle-button .icon-chevron-left {
  display: none;
}
.preview-pane.k-pane .preview-pane-toggle-button .pin-text {
  display: none;
}
.preview-pane.k-pane .summary-pane,
.preview-pane.k-pane .itemdetails-pane {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.preview-pane.k-pane.unpinned {
  overflow: hidden;
  right: -380px;
  -webkit-transition: right 0.25s ease;
  -moz-transition: right 0.25s ease;
  -o-transition: right 0.25s ease;
  transition: right 0.25s ease;
}
.preview-pane.k-pane.unpinned .summary-pane,
.preview-pane.k-pane.unpinned .itemdetails-pane {
  visibility: hidden;
}
.preview-pane.k-pane.unpinned .preview-pane-toggle-button .icon-chevron-right,
.preview-pane.k-pane.unpinned .preview-pane-toggle-button .unpin-text,
.preview-pane.k-pane.unpinned .preview-pane-toggle-button .pin-text {
  display: none;
}
.preview-pane.k-pane.unpinned .icon-chevron-left {
  display: inline-block;
}
.preview-pane.k-pane.unpinned.hover {
  right: 0;
  z-index: 2;
}
.preview-pane.k-pane.unpinned.hover .summary-pane,
.preview-pane.k-pane.unpinned.hover .itemdetails-pane {
  visibility: visible;
}
.preview-pane.k-pane.unpinned.hover .preview-pane-toggle-button .pin-text {
  display: inline-block;
}
.peoplestatus .preview-pane,
.timesheet .preview-pane,
.timeentries .preview-pane,
.iterationsstatus .preview-pane,
.preview-pane-unpinned .preview-pane {
  width: 39px;
}
.preview-pane-unpinned .main-pane {
  right: 40px;
}
.timeentries .main-pane,
.peoplestatus .main-pane,
.iterationsstatus .main-pane,
.tfssyncstatus .main-pane,
.timesheet .main-pane,
.plananiteration .main-pane,
.bestpractices .main-pane,
.reports .main-pane,
.iterationscheduling .main-pane {
  right: 0;
}
.myperspective .main-pane,
.reports .main-pane {
  background: #f6f6f6;
}
.preview-pane-collapsed .main-pane {
  right: 40px;
}
.preview-pane-collapsed .preview-pane {
  width: 19px;
}
.select-project-pane {
  padding: 20px;
}
.main-pane-content {
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.item-pane-size .itemaction {
  cursor: pointer;
}
#screentitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  padding: 14px 15px;
}
#screentitle h1 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
#body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: hidden;
}
#bodyInner {
  height: 100%;
}
#toolbar > * {
  float: left;
  margin-left: 5px;
}
#toolbar .toolbar-text {
  padding: 5px;
}
#licensecontainer dl,
#licensecontainer dt,
#licensecontainer dd {
  display: inline;
}
#licensecontainer.detailed dl,
#licensecontainer.detailed dt,
#licensecontainer.detailed dd {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
#licensecontainer.detailed dt {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}
#licensecontainer.detailed dt:after {
  content: ":";
}
#telerikLogin table,
#telerikLogin td,
#telerikLogin tr {
  border: none;
}
#footer {
  color: #999999;
  padding: 10px 0;
  line-height: normal;
  margin: 20px 0 0 0;
  border-top: 1px solid #eeeeee;
}
#footer p {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.splitter-holder {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
}
.splitter-holder-inner {
  height: 100%;
}
.splitter-holder-inner .k-collapse-next,
.splitter-holder-inner .k-collapse-prev {
  display: none;
}
/* item tabs */

.tp-tabs {
  margin: 5px 0 0;
  padding: 0 8px;
  font-size: 13px;
  background: #eeeeee;
}
.tp-tabs li {
  border-bottom: 3px solid transparent;
  display: inline-block;
  padding: 7px 0 4px;
  margin: 0 7px;
  cursor: pointer;
  color: #474544;
  text-transform: capitalize;
}
.tp-tabs li span.item-count {
  font-size: 10px;
  color: #4389cc;
  line-height: 100%;
}
.tp-tabs li a {
  color: #474544;
}
.tp-tabs li:hover,
.tp-tabs li a:hover {
  color: #4389cc;
}
.tp-tabs li.active {
  color: #4389cc;
  border-bottom: 3px solid #4389cc;
}
.tp-tabs li.active a {
  color: #4389cc;
}
.tp-sub-tabs {
  list-style: none;
  margin: 0 0 15px;
  padding: 0 8px;
}
.tp-sub-tabs li {
  display: inline-block;
  padding: 0 0 4px;
  margin: 0 7px;
}
.tp-sub-tabs li a {
  color: #474544;
}
.tp-sub-tabs li a:hover {
  color: #4389cc;
}
.tp-sub-tabs li.active {
  border-bottom: 3px solid #4389cc;
}
.tp-sub-tabs li.active a {
  color: #4389cc;
}
button {
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-field,
.borderless-field {
  border: 1px solid #dadada;
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  font-size: 100%;
  resize: none;
  margin: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  -webkit-transition: box-shadow linear .2s;
  -moz-transition: box-shadow linear .2s;
  -o-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.form-field:-moz-placeholder,
.borderless-field:-moz-placeholder {
  color: #aaaaaa;
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.form-field:-ms-input-placeholder,
.borderless-field:-ms-input-placeholder {
  color: #aaaaaa;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.form-field::-webkit-input-placeholder,
.borderless-field::-webkit-input-placeholder {
  color: #aaaaaa;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-field:focus,
.borderless-field:focus,
textarea.k-state-focused,
input[type="text"].k-state-focused,
input[type="password"].k-state-focused,
input[type="datetime"].k-state-focused,
input[type="datetime-local"].k-state-focused,
input[type="date"].k-state-focused,
input[type="month"].k-state-focused,
input[type="time"].k-state-focused,
input[type="week"].k-state-focused,
input[type="number"].k-state-focused,
input[type="email"].k-state-focused,
input[type="url"].k-state-focused,
input[type="search"].k-state-focused,
input[type="tel"].k-state-focused,
input[type="color"].k-state-focused,
.form-field.k-state-focused,
.borderless-field.k-state-focused,
textarea:focus:hover,
input[type="text"]:focus:hover,
input[type="password"]:focus:hover,
input[type="datetime"]:focus:hover,
input[type="datetime-local"]:focus:hover,
input[type="date"]:focus:hover,
input[type="month"]:focus:hover,
input[type="time"]:focus:hover,
input[type="week"]:focus:hover,
input[type="number"]:focus:hover,
input[type="email"]:focus:hover,
input[type="url"]:focus:hover,
input[type="search"]:focus:hover,
input[type="tel"]:focus:hover,
input[type="color"]:focus:hover,
.form-field:focus:hover,
.borderless-field:focus:hover {
  border: 1px solid rgba(162,203,244,.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
textarea.k-state-focused input,
input[type="text"].k-state-focused input,
input[type="password"].k-state-focused input,
input[type="datetime"].k-state-focused input,
input[type="datetime-local"].k-state-focused input,
input[type="date"].k-state-focused input,
input[type="month"].k-state-focused input,
input[type="time"].k-state-focused input,
input[type="week"].k-state-focused input,
input[type="number"].k-state-focused input,
input[type="email"].k-state-focused input,
input[type="url"].k-state-focused input,
input[type="search"].k-state-focused input,
input[type="tel"].k-state-focused input,
input[type="color"].k-state-focused input,
.form-field.k-state-focused input,
.borderless-field.k-state-focused input,
textarea.k-state-focused input:focus,
input[type="text"].k-state-focused input:focus,
input[type="password"].k-state-focused input:focus,
input[type="datetime"].k-state-focused input:focus,
input[type="datetime-local"].k-state-focused input:focus,
input[type="date"].k-state-focused input:focus,
input[type="month"].k-state-focused input:focus,
input[type="time"].k-state-focused input:focus,
input[type="week"].k-state-focused input:focus,
input[type="number"].k-state-focused input:focus,
input[type="email"].k-state-focused input:focus,
input[type="url"].k-state-focused input:focus,
input[type="search"].k-state-focused input:focus,
input[type="tel"].k-state-focused input:focus,
input[type="color"].k-state-focused input:focus,
.form-field.k-state-focused input:focus,
.borderless-field.k-state-focused input:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.form-field:hover,
.borderless-field:hover {
  border-color: #eaeaea;
}
textarea.k-invalid,
input[type="text"].k-invalid,
input[type="password"].k-invalid,
input[type="datetime"].k-invalid,
input[type="datetime-local"].k-invalid,
input[type="date"].k-invalid,
input[type="month"].k-invalid,
input[type="time"].k-invalid,
input[type="week"].k-invalid,
input[type="number"].k-invalid,
input[type="email"].k-invalid,
input[type="url"].k-invalid,
input[type="search"].k-invalid,
input[type="tel"].k-invalid,
input[type="color"].k-invalid,
.form-field.k-invalid,
.borderless-field.k-invalid {
  color: red;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  -webkit-transition: box-shadow linear .2s;
  -moz-transition: box-shadow linear .2s;
  -o-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}
textarea.k-invalid:focus,
input[type="text"].k-invalid:focus,
input[type="password"].k-invalid:focus,
input[type="datetime"].k-invalid:focus,
input[type="datetime-local"].k-invalid:focus,
input[type="date"].k-invalid:focus,
input[type="month"].k-invalid:focus,
input[type="time"].k-invalid:focus,
input[type="week"].k-invalid:focus,
input[type="number"].k-invalid:focus,
input[type="email"].k-invalid:focus,
input[type="url"].k-invalid:focus,
input[type="search"].k-invalid:focus,
input[type="tel"].k-invalid:focus,
input[type="color"].k-invalid:focus,
.form-field.k-invalid:focus,
.borderless-field.k-invalid:focus,
textarea.k-invalid.k-state-focused,
input[type="text"].k-invalid.k-state-focused,
input[type="password"].k-invalid.k-state-focused,
input[type="datetime"].k-invalid.k-state-focused,
input[type="datetime-local"].k-invalid.k-state-focused,
input[type="date"].k-invalid.k-state-focused,
input[type="month"].k-invalid.k-state-focused,
input[type="time"].k-invalid.k-state-focused,
input[type="week"].k-invalid.k-state-focused,
input[type="number"].k-invalid.k-state-focused,
input[type="email"].k-invalid.k-state-focused,
input[type="url"].k-invalid.k-state-focused,
input[type="search"].k-invalid.k-state-focused,
input[type="tel"].k-invalid.k-state-focused,
input[type="color"].k-invalid.k-state-focused,
.form-field.k-invalid.k-state-focused,
.borderless-field.k-invalid.k-state-focused,
textarea.k-invalid:focus:hover,
input[type="text"].k-invalid:focus:hover,
input[type="password"].k-invalid:focus:hover,
input[type="datetime"].k-invalid:focus:hover,
input[type="datetime-local"].k-invalid:focus:hover,
input[type="date"].k-invalid:focus:hover,
input[type="month"].k-invalid:focus:hover,
input[type="time"].k-invalid:focus:hover,
input[type="week"].k-invalid:focus:hover,
input[type="number"].k-invalid:focus:hover,
input[type="email"].k-invalid:focus:hover,
input[type="url"].k-invalid:focus:hover,
input[type="search"].k-invalid:focus:hover,
input[type="tel"].k-invalid:focus:hover,
input[type="color"].k-invalid:focus:hover,
.form-field.k-invalid:focus:hover,
.borderless-field.k-invalid:focus:hover {
  border: 1px solid red;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
textarea.k-invalid.k-state-focused input,
input[type="text"].k-invalid.k-state-focused input,
input[type="password"].k-invalid.k-state-focused input,
input[type="datetime"].k-invalid.k-state-focused input,
input[type="datetime-local"].k-invalid.k-state-focused input,
input[type="date"].k-invalid.k-state-focused input,
input[type="month"].k-invalid.k-state-focused input,
input[type="time"].k-invalid.k-state-focused input,
input[type="week"].k-invalid.k-state-focused input,
input[type="number"].k-invalid.k-state-focused input,
input[type="email"].k-invalid.k-state-focused input,
input[type="url"].k-invalid.k-state-focused input,
input[type="search"].k-invalid.k-state-focused input,
input[type="tel"].k-invalid.k-state-focused input,
input[type="color"].k-invalid.k-state-focused input,
.form-field.k-invalid.k-state-focused input,
.borderless-field.k-invalid.k-state-focused input,
textarea.k-invalid.k-state-focused input:focus,
input[type="text"].k-invalid.k-state-focused input:focus,
input[type="password"].k-invalid.k-state-focused input:focus,
input[type="datetime"].k-invalid.k-state-focused input:focus,
input[type="datetime-local"].k-invalid.k-state-focused input:focus,
input[type="date"].k-invalid.k-state-focused input:focus,
input[type="month"].k-invalid.k-state-focused input:focus,
input[type="time"].k-invalid.k-state-focused input:focus,
input[type="week"].k-invalid.k-state-focused input:focus,
input[type="number"].k-invalid.k-state-focused input:focus,
input[type="email"].k-invalid.k-state-focused input:focus,
input[type="url"].k-invalid.k-state-focused input:focus,
input[type="search"].k-invalid.k-state-focused input:focus,
input[type="tel"].k-invalid.k-state-focused input:focus,
input[type="color"].k-invalid.k-state-focused input:focus,
.form-field.k-invalid.k-state-focused input:focus,
.borderless-field.k-invalid.k-state-focused input:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none;
}
textarea .stretch,
input[type="text"] .stretch,
input[type="password"] .stretch,
input[type="datetime"] .stretch,
input[type="datetime-local"] .stretch,
input[type="date"] .stretch,
input[type="month"] .stretch,
input[type="time"] .stretch,
input[type="week"] .stretch,
input[type="number"] .stretch,
input[type="email"] .stretch,
input[type="url"] .stretch,
input[type="search"] .stretch,
input[type="tel"] .stretch,
input[type="color"] .stretch,
.form-field .stretch,
.borderless-field .stretch {
  width: 100%;
}
input[type=search] {
  -webkit-appearance: none;
}
.small {
  width: 55px;
}
.medium {
  width: 80px;
}
.large {
  width: 110px;
}
.larger {
  width: 200px;
}
.largest {
  width: 400px;
}
.tall {
  height: 200px;
}
.stretch {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.stretch input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
textarea.single-line {
  height: 1.4em;
  line-height: 1.4em;
  padding: 1px;
}
.borderless-field {
  border-color: transparent;
}
fieldset,
form section {
  padding: 0;
  margin: 0 0 1em;
  border: none;
  word-wrap: break-word;
  *zoom: 1;
}
fieldset:before,
form section:before,
fieldset:after,
form section:after {
  display: table;
  content: "";
  line-height: 0;
}
fieldset:after,
form section:after {
  clear: both;
}
fieldset p,
form section p {
  margin: 0;
}
fieldset label.inline,
form section label.inline {
  display: inline;
}
fieldset table,
form section table {
  border: none;
  border-collapse: collapse;
}
fieldset table td,
form section table td {
  padding: 5px;
  border: none;
}
fieldset table th,
form section table th {
  padding: 6px 5px;
  text-align: left;
  border: none;
  background-color: transparent;
}
fieldset.tracking-settings .property.single-line .value,
form section.tracking-settings .property.single-line .value {
  margin-left: 10px;
}
legend,
.legend {
  font-size: 1.1em;
  padding: 2px 0 8px 0;
  text-transform: uppercase;
}
.legend {
  font-weight: bold;
  color: #888888;
  font-size: 12px;
}
.legend[tabindex="0"] {
  cursor: pointer;
  display: inline-block;
}
.legend:focus {
  outline: none;
  color: #4389cc;
}
.legend .section-expander {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  margin: 2px 5px 0 0;
}
input[type=password] {
  width: 200px;
}
.property {
  display: block;
  font-size: 13px;
  margin: 0 0 10px 0;
}
.property:before,
.property:after {
  content: "";
  display: table;
}
.property:after {
  clear: both;
}
.property .label {
  float: left;
  width: 145px;
  text-align: right;
  padding: 4px 0 0 0;
  word-wrap: break-word;
  text-transform: uppercase;
  font-size: 11px;
  color: #7e7c7c;
}
.property .k-tooltip-validation.k-invalid-msg {
  margin-left: 110px;
}
.property.single-line.no-indent .k-tooltip-validation.k-invalid-msg {
  margin-left: 0;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.property .value {
  position: relative;
  margin: 0 0 0 160px;
  word-wrap: break-word;
}
.property .value.whitespace {
  max-height: 55px;
  white-space: pre-wrap;
}
.property .value textarea {
  padding: 4px;
}
.property .value .user-picture {
  float: left;
  margin: 0 20px 0 0;
  min-height: 50px;
  max-width: 100px;
}
.property .value .user-picture img {
  display: block;
  max-width: 100px;
}
.property .value .uneditable-input {
  padding: 4px 0 0 0;
  margin: 0;
  line-height: 140%;
}
.property .value > input[type="text"]:first-child,
.property .value > input[type="password"]:first-child {
  padding: 4px;
}
.property .value .readonly-field {
  display: inline-block;
  padding: 4px 0;
}
.property .value.readonly {
  padding: 4px 0;
}
.property .tp-widget {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 12.4em;
}
.property input.tp-widget {
  line-height: 1;
}
.property.single-line .label {
  float: none;
  width: auto;
  text-align: left;
  margin: 0 0 5px 0;
}
.property.single-line .value {
  margin: 0;
}
.property.fl {
  margin-right: 10px;
}
.property .dropdown-button-element.popover-trigger-element {
  border: 1px solid #dadada;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  -webkit-transition: box-shadow linear .2s;
  -moz-transition: box-shadow linear .2s;
  -o-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}
.property .dropdown-button-element.popover-trigger-element:focus,
.property .dropdown-button-element.popover-trigger-element.k-state-focused,
.property .dropdown-button-element.popover-trigger-element:focus:hover {
  border: 1px solid rgba(162,203,244,.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.property .dropdown-button-element.popover-trigger-element.k-state-focused input,
.property .dropdown-button-element.popover-trigger-element.k-state-focused input:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none;
}
.property .dropdown-button-element.popover-trigger-element .k-button {
  border-color: transparent;
}
.property .dropdown-button-element.popover-trigger-element:focus .dropdown-button {
  background: #eaeaea;
}
.property .dropdown-button:hover,
.property .dropdown-button-element:focus .dropdown-button:hover {
  background: #cee2f7;
}
.property .last-part-visible .dropdown-button {
  width: 100%;
  max-width: none;
  display: block;
  position: relative;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 3px;
  padding-top: 3px;
}
.property .last-part-visible .dropdown-button .dropdown-button-text {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 5px;
  right: 7px;
  display: block;
  max-width: none;
}
.property .last-part-visible .dropdown-button .dropdown-button-text span {
  position: absolute;
  right: 22px;
  display: block;
  max-width: none;
  min-width: 123px;
  text-align: left;
  white-space: nowrap;
}
.property .last-part-visible .dropdown-button .dropdown-button-icon {
  float: right;
}
.property .dropdown-button {
  max-width: none;
}
.property .dropdown-button .dropdown-button-text {
  word-wrap: normal;
  float: left;
  max-width: 140px;
}
.property .dropdown-button-icon {
  float: right;
  margin-top: -2px;
}
button.icon-trigger {
  background: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.help-link {
  font-size: 11px;
  color: #999999;
}
.help-link a:hover {
  text-decoration: underline;
}
.dropdown-button {
  max-width: 150px;
}
.dropdown-button .dropdown-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 110px;
  vertical-align: bottom;
}
.dropdown-window-wrap {
  box-shadow: 0 0 3px #cecece;
}
.dropdown-window-wrap:after,
.dropdown-window-wrap:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.dropdown-window-wrap:after {
  border-color: transparent;
  border-bottom-color: white;
  border-width: 6px;
  left: 15px;
}
.dropdown-window-wrap:before {
  border-color: transparent;
  border-bottom-color: #cecece;
  border-width: 7px;
  left: 14px;
}
.dropdown-menu-popover {
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropdown-menu-popover .popover-content {
  padding: 0;
  max-height: 400px;
}
.dropdown-menu-popover .menu-list {
  padding: 0;
}
.two-cols-form {
  overflow: hidden;
}
.two-cols-form .property {
  float: left;
  margin: 0 1% 0 0;
  width: 49%;
}
.k-list-item-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.dropdown-actions {
  overflow: hidden;
}
.dropdown-actions .k-button {
  text-transform: capitalize;
}
.submit {
  padding: 7px 10px;
  margin: 0 10px 0 23px;
}
.error-message {
  border: 1px solid red;
  padding: 10px 10px 10px 100px;
  background: url("../Images/WarningIcon.png") 25px 30px no-repeat;
  font-size: 13px;
}
.error-message .error-heading {
  font-weight: bold;
  color: red;
  font-size: 14px;
}
.k-tooltip-validation.k-invalid-msg {
  display: block;
  box-shadow: 0 0 3px #cecece;
  color: white;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 0;
  max-width: 150px;
  padding: 8px;
  position: absolute;
  text-align: left;
  z-index: 10003;
}
.k-tooltip-validation.k-invalid-msg:after,
.k-tooltip-validation.k-invalid-msg:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.k-tooltip-validation.k-invalid-msg:after {
  border-color: transparent;
  border-bottom-color: red;
  border-width: 6px;
  left: 15px;
}
.k-tooltip-validation.k-invalid-msg:before {
  border-color: transparent;
  border-bottom-color: #cecece;
  border-width: 7px;
  left: 14px;
}
.k-tooltip-validation.k-invalid-msg i {
  font-size: 11px;
}
.k-tooltip-validation.k-invalid-msg .k-icon {
  display: none;
}
.k-tooltip-validation.k-invalid-msg .k-callout {
  display: none;
}
.input-validation-error {
  border: 1px solid red;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: red;
  font-size: 13px;
}
.validation-summary-errors a {
  font-weight: bold;
  color: #cc0000;
  font-size: 13px;
  text-decoration: underline;
}
.validation-summary-valid {
  display: none;
}
.infoMessage {
  font-weight: bold;
  color: red;
}
.keyEntryArea {
  width: 100%;
}
.enabled {
  color: green;
}
.disabled {
  color: red;
}
.imageLink img {
  vertical-align: middle;
  border: none;
}
.imageLink img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.warning-message {
  color: white;
  padding: 15px;
  background: #ffaa00;
  font-size: 13px;
}
.warning-message .message-heading {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 0 50px;
}
.warning-message span {
  float: left;
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}
.success-message {
  color: white;
  padding: 10px 10px 10px 100px;
  background: #8bc636 url("../Images/check-white.png") 25px 0 no-repeat;
  font-size: 13px;
  margin: 0 0 50px 0;
}
.success-message .message-heading {
  font-weight: bold;
  font-size: 14px;
  line-height: 2em;
}
.removeImage {
  border: 1px solid #cccccc;
  background: #f1f1f1;
  padding: 2px 6px;
  font: 13px "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  color: #333333;
  margin: 10px 0 0 0;
}
.disabledLabel {
  color: #666666;
}
.disabledUsernameLabel {
  min-width: 100px;
}
.k-list .clear-option {
  font-style: italic;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.k-list .k-icon.k-cancel {
  margin-left: -1px;
  margin-top: -2px;
}
.k-list .obsolete {
  color: #aaaaaa;
  font-style: italic;
}
.read-only-color .k-dropdown-wrap.k-state-disabled {
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.read-only-color .k-dropdown-wrap.k-state-disabled .k-input span {
  color: #333333;
}
.read-only-color .k-dropdown-wrap.k-state-disabled .k-select {
  display: none;
}
.status-field-plain input {
  cursor: pointer;
  padding: 3px 20px 5px 4px;
}
input.assignee-input {
  color: #787878;
  border: none;
  cursor: pointer;
  background: transparent;
  height: 1.65em;
  line-height: 1.65em;
  padding: .178em 0;
  text-indent: 4px;
  width: 100%;
}
.assignee-plain-text:hover input.assignee-input {
  background: white;
}
.status-field-plain,
.assignee-plain-text {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  cursor: pointer;
  width: 12.4em;
  padding: 0 23px 0 0;
  border: 1px solid #dadada;
}
.status-field-plain .assignee-selected-user,
.assignee-plain-text .assignee-selected-user {
  margin: -1px 0 0 -24px;
}
.status-field-plain {
  border: none;
}
.status-field-plain:hover input,
.assignee-plain-text:hover {
  background: #cee2f7;
}
.status-field-plain:after,
.assignee-plain-text:after {
  display: block;
  width: 16px;
  height: 16px;
  content: " ";
  top: 5px;
  left: 140px;
  position: absolute;
  background: url('Kendo/Metro/sprite.png') 0 -32px;
}
.status-field-plain:after {
  background-color: white;
  border: 1px solid white;
}
.status-field-plain:hover:after {
  background-color: #cee2f7;
  border: 1px solid #cee2f7;
}
.status-field-plain:hover:after,
.assignee-plain-text:hover:after {
  background-position: -16px -32px;
}
.assignedto-img {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin: 0 4px 0 0;
}
.placeholder {
  color: #aaaaaa;
}
.unchecked {
  background: url(../Images/tri-state-sprite.png) no-repeat;
}
.partlychecked {
  background: url(../Images/tri-state-sprite.png) no-repeat 0 -32px;
}
.checked {
  background: url(../Images/tri-state-sprite.png) no-repeat 0 -16px;
}
.projects-list .item-id {
  padding: 0 3px;
}
.hint {
  display: block;
  font-size: 13px;
  color: #999999;
  max-width: 500px;
  float: left;
}
.hint.fr {
  float: right;
}
.hint.block {
  float: none;
}
.lt-ie9 div.window-form {
  height: auto;
}
div.window-form {
  padding: 10px 20px 60px;
  min-height: 50px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.window-form.km-scroll-wrapper {
  padding: 0;
}
div.window-form.km-scroll-wrapper .km-scroll-container {
  padding: 10px 20px 60px;
}
div.window-form.km-scroll-wrapper ::-webkit-scrollbar {
  width: auto;
  height: auto;
}
div.window-form.dialogWindow {
  min-height: auto;
}
div.window-form .window-form-content {
  height: 100%;
  overflow: auto;
}
div.window-form .popover-trigger-element {
  width: 12.4em;
}
div.window-form .title input {
  width: 100%;
}
div.window-form .title input {
  padding: 3px;
  line-height: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.window-form .error-container {
  margin: 0;
}
div.window-form .actions {
  position: absolute;
  bottom: 15px;
  margin-top: 20px;
  overflow: hidden;
}
div.window-form .actions .k-button {
  float: left;
  margin-right: 5px;
}
.ctrl-top-actions .fr {
  margin-left: 5px;
}
.ctrl-top-actions .fl {
  margin-right: 5px;
}
.dropdown-scrollable {
  height: 100%;
}
/* Multiselect checklist */

.checklist-win .checklist-container {
  max-height: 200px;
  overflow: auto;
}
.checklist-win .item-row {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  padding: 2px 10px 2px 0;
  position: relative;
}
.checklist-win .item-id {
  float: none;
  background: #e9e9e9;
  padding: 0 3px;
  color: black;
  font-size: 10px;
  display: inline-block;
  margin: 4px 4px 0 0;
  font-weight: normal;
}
.checklist-win .item-id.icon-only {
  padding: 0;
}
.checklist-win .item-name {
  vertical-align: middle;
}
.checklist-win input {
  vertical-align: middle;
}
.checklist-win .search-box {
  width: 99%;
  box-sizing: border-box;
  margin: 7px 0;
}
.checklist-win .settings-button {
  float: right;
  position: absolute;
  top: 6px;
  right: 0;
  visibility: hidden;
  color: #787878;
}
.checklist-win .item-row:hover .settings-button {
  visibility: visible;
}
/* Tree selectlist  */

.treelist-container {
  padding-top: 5px;
  height: 100%;
  max-height: 295px;
  overflow: auto;
}
.treelist-container .k-plus,
.treelist-container .k-minus,
.treelist-container .k-plus-disabled,
.treelist-container .k-minus-disabled {
  margin-top: 4px;
}
.treelist-container .k-item .k-in {
  margin-left: 0px;
}
.treelist-container .item-name {
  vertical-align: text-top;
}
.treelist-item-image {
  display: inline-block;
  width: 16px;
  margin-right: 2px;
}
.treelist-item {
  white-space: nowrap;
}
.dropdown-content-window  .k-treeview span.k-in {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
div.dropdown-content-window {
  padding: 0;
  font-size: 13px;
}
div.dropdown-content-window hr {
  border: none;
  border-top: 1px solid #eeeeee;
}
div.dropdown-content-window h4 {
  margin: 0 4px 2px;
  font-size: 13px;
  text-transform: capitalize;
}
div.dropdown-content-window .k-button.small {
  margin: 0 5px 0 0;
}
.filter-iteration-treelist {
  border-top: 1px solid #eeeeee;
}
.filter-iteration-treelist .treelist-container {
  max-height: 210px;
}
.filter-iteration-treelist i {
  vertical-align: top;
}
.checklist-win .checklist-container {
  padding: 0;
}
@media all and (max-height: 400px) {
  .checklist-win .checklist-container {
    max-height: none;
  }
  .filter-iteration-treelist .treelist-container {
    max-height: none;
  }
}
.k-autocomplete.k-state-focused,
span.k-dropdown-wrap.k-state-active,
span.k-picker-wrap.k-state-active,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-focused:hover,
span.k-numeric-wrap.k-state-active,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused:hover {
  background-color: #eaeaea;
}
.k-picker-wrap.k-state-focused:hover,
.k-numeric-wrap.k-state-focused:hover,
span.k-dropdown-wrap.k-state-active:hover,
.k-autocomplete.k-state-focused:hover {
  background-color: #cee2f7;
}
.k-widget .k-dropdown-wrap,
.k-widget .k-picker-wrap,
.k-widget .k-numeric-wrap,
.k-textbox,
.k-autocomplete.k-header,
.k-autocomplete,
span.k-dropdown-wrap,
span.k-picker-wrap,
span.k-numeric-wrap {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  -webkit-transition: box-shadow linear .2s;
  -moz-transition: box-shadow linear .2s;
  -o-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}
.k-widget .k-dropdown-wrap:focus,
.k-widget .k-picker-wrap:focus,
.k-widget .k-numeric-wrap:focus,
.k-textbox:focus,
.k-autocomplete.k-header:focus,
.k-autocomplete:focus,
span.k-dropdown-wrap:focus,
span.k-picker-wrap:focus,
span.k-numeric-wrap:focus,
.k-widget .k-dropdown-wrap.k-state-focused,
.k-widget .k-picker-wrap.k-state-focused,
.k-widget .k-numeric-wrap.k-state-focused,
.k-textbox.k-state-focused,
.k-autocomplete.k-header.k-state-focused,
.k-autocomplete.k-state-focused,
span.k-dropdown-wrap.k-state-focused,
span.k-picker-wrap.k-state-focused,
span.k-numeric-wrap.k-state-focused,
.k-widget .k-dropdown-wrap:focus:hover,
.k-widget .k-picker-wrap:focus:hover,
.k-widget .k-numeric-wrap:focus:hover,
.k-textbox:focus:hover,
.k-autocomplete.k-header:focus:hover,
.k-autocomplete:focus:hover,
span.k-dropdown-wrap:focus:hover,
span.k-picker-wrap:focus:hover,
span.k-numeric-wrap:focus:hover {
  border: 1px solid rgba(162,203,244,.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.k-widget .k-dropdown-wrap.k-state-focused input,
.k-widget .k-picker-wrap.k-state-focused input,
.k-widget .k-numeric-wrap.k-state-focused input,
.k-textbox.k-state-focused input,
.k-autocomplete.k-header.k-state-focused input,
.k-autocomplete.k-state-focused input,
span.k-dropdown-wrap.k-state-focused input,
span.k-picker-wrap.k-state-focused input,
span.k-numeric-wrap.k-state-focused input,
.k-widget .k-dropdown-wrap.k-state-focused input:focus,
.k-widget .k-picker-wrap.k-state-focused input:focus,
.k-widget .k-numeric-wrap.k-state-focused input:focus,
.k-textbox.k-state-focused input:focus,
.k-autocomplete.k-header.k-state-focused input:focus,
.k-autocomplete.k-state-focused input:focus,
span.k-dropdown-wrap.k-state-focused input:focus,
span.k-picker-wrap.k-state-focused input:focus,
span.k-numeric-wrap.k-state-focused input:focus {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none;
}
.k-widget .k-dropdown-wrap.k-state-border-down,
.k-widget .k-picker-wrap.k-state-border-down,
.k-widget .k-numeric-wrap.k-state-border-down,
.k-textbox.k-state-border-down,
.k-autocomplete.k-header.k-state-border-down,
.k-autocomplete.k-state-border-down,
span.k-dropdown-wrap.k-state-border-down,
span.k-picker-wrap.k-state-border-down,
span.k-numeric-wrap.k-state-border-down {
  border-bottom: none;
}
.k-widget .k-dropdown-wrap.k-state-border-up,
.k-widget .k-picker-wrap.k-state-border-up,
.k-widget .k-numeric-wrap.k-state-border-up,
.k-textbox.k-state-border-up,
.k-autocomplete.k-header.k-state-border-up,
.k-autocomplete.k-state-border-up,
span.k-dropdown-wrap.k-state-border-up,
span.k-picker-wrap.k-state-border-up,
span.k-numeric-wrap.k-state-border-up {
  border-top: none;
}
.k-numeric-wrap .k-select {
  height: 100%;
}
/* Overrides kendoTabStrip styles */

.k-tabstrip .k-tabstrip-items {
  padding: 0;
  text-transform: capitalize;
}
.k-tabstrip .k-tabstrip-items .k-item {
  border: none;
  line-height: 1.6em;
}
.k-tabstrip .k-content {
  padding: 5px;
  margin: 0;
  border: none;
  background: #d8d8d8;
}
.k-tabstrip-items .k-item.k-state-active {
  border: none;
  background: #d8d8d8;
}
.k-tabstrip-items .k-item.k-state-hover {
  background: #dddddd;
}
.k-tabstrip-items .k-item .k-link {
  padding: 5px 10px;
  color: #333333;
  font-size: 13px;
  border: none;
}
.k-tabstrip-items .k-link span {
  font-size: 10px;
  padding: 1px 3px;
  background: #bbbbbb;
}
.filters-wrapper {
  background: #eeeeee;
  padding: 6px 22px 1px 14px;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 5px #cccccc;
}
.filters-wrapper .row-chooser,
.filters-wrapper .column-chooser,
.filters-wrapper .column-sorter {
  margin: 1px 0 5px 10px;
}
.filters-wrapper .row-chooser .label,
.filters-wrapper .column-chooser .label,
.filters-wrapper .column-sorter .label {
  padding: 5px 4px 0 0;
  float: left;
}
.filters-wrapper.guider_highlight {
  z-index: 101;
}
/* Filters */

.filter-condition {
  border: 1px solid #eeeeee;
  padding: 3px;
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  font-size: 11px;
}
.filter-condition:hover {
  background: whitesmoke;
  cursor: default;
}
.filter-condition ul {
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 20px;
  left: -1px;
  background: white;
  padding: 3px 0;
  border: 1px solid #eeeeee;
  min-width: 100px;
  font-size: 11px;
  z-index: 10000;
}
.filter-condition li {
  padding: 2px 10px;
}
.filter-condition li:hover {
  background: #eeeeee;
  cursor: pointer;
}
.filter-condition #filterWeekMenu tr:hover {
  background: whitesmoke;
}
/* Filter drop-downs */

.filter-group-label {
  font-size: 13px;
  margin: 5px 8px 0 0;
}
.filter-button-containter {
  max-width: 180px;
  margin: 0 7px 0 0;
  display: inline-block;
  float: none;
}
.filter-button-containter .k-button {
  border: 1px solid #dddddd;
  background: #e6e6e6;
  line-height: 18px;
  padding: 3px 0 3px 3px;
  font-size: 13px;
  height: 27px;
  display: block;
  float: left;
}
.filter-button-containter .filter-remove {
  background-color: #e6e6e6;
  border: 1px solid #dddddd;
  border-left: none;
  margin: 0 0 0 0;
  padding: 3px 4px;
  display: block;
  float: left;
  height: 19px;
}
.filter-button-containter .filter-remove .k-icon {
  cursor: pointer;
}
.filter-button-containter .filter-remove .k-icon:hover {
  background-position: -48px -16px;
  background-color: #cccccc;
}
.filter-button-containter.invisible {
  visibility: hidden;
}
.filter-button-containter.filters-show-all-btn {
  margin: 2px 5px 0 0;
}
.touch .filter-remove {
  font-size: 13px;
}
.view-option {
  font-size: 12px;
  margin: 0 10px 0 0;
}
.view-option .label {
  display: block;
}
.view-option.filters-container {
  float: none;
  position: relative;
  height: 27px;
  margin-bottom: 5px;
}
.view-option.filters-container .filter-boxes {
  white-space: normal;
}
.view-option.column-chooser .value {
  cursor: pointer;
}
.view-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 1px 0 0 0;
  font-size: 16px;
  max-width: 300px;
  cursor: default;
  padding-right: 14px;
}
#filteredContentHelp {
  float: right;
  margin: -4px 10px 0 0;
}
.filters-show-all-btn {
  min-width: 29px;
  white-space: nowrap;
  padding: 4px 3px 1px;
}
.filters-show-all-btn .icon-double-angle-up,
.filters-show-all-btn .less {
  display: none;
}
.filters-show-all-btn.expanded .icon-double-angle-down {
  display: none;
}
.filters-show-all-btn.expanded .icon-double-angle-up {
  display: inline;
}
.filters-popoverwin-container .popover-content {
  padding: 15px;
}
.filters-popoverwin {
  overflow: hidden;
}
.filters-popoverwin .search-box {
  margin-bottom: 10px;
}
.filters-popoverwin .filter-button-containter {
  overflow: hidden;
  display: block;
  float: left;
  margin: 5px;
}
.filters-popoverwin .filter-button-containter .dropdown-button {
  display: inline-block;
  width: 135px;
  text-align: left;
}
.filters-popoverwin .filter-button-containter .dropdown-button-icon {
  float: right;
}
.gridview-filters-container {
  overflow: hidden;
  white-space: nowrap;
  min-width: 180px;
}
.gridview-subtoolbar .gridview-filters-container.filters-container {
  margin-right: 95px;
}
.search-expanded .gridview-filters-container.filters-container {
  margin-right: 180px;
}
.gridview-search-container {
  text-align: right;
}
.gridview-search-container input[type="search"] {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  width: 60px;
  font-size: 12px;
  margin: 0 4px 0 0;
}
.property .filter-button-containter.popover-trigger-element {
  width: auto;
  max-width: none;
}
.property .filter-button-containter.popover-trigger-element .dropdown-button {
  width: 12.4em;
}
.filterbydate .property,
.filterbynumber .property {
  line-height: 24px;
}
.filterbydate .property .value,
.filterbynumber .property .value {
  padding-left: 5px;
}
.filterbydate-within {
  margin-top: 10px;
}
.filters-scrollable {
  max-height: 350px;
  overflow: auto;
}
.filters-scrollable .filter-button-containter {
  margin: 5px 0 0;
}
.filter-boxes .filter-button-containter .dropdown-button {
  display: inline-block;
  text-align: left;
}
.filter-boxes .filter-button-containter .dropdown-button .dropdown-button-icon {
  float: right;
}
.filter-boxes .filter-button-containter .dropdown-button .dropdown-button-text {
  word-wrap: normal;
  max-width: 125px;
}
/* OVERRIDING KENDO GRID STYLES */

.k-grid {
  outline: none;
  border: none;
}
.k-grid td {
  border: none;
}
.k-grid td.expanded-hierarchy-cell {
  background-color: #eaeaea;
  padding-top: 10px;
  padding-bottom: 10px;
}
.k-grid tr.borderTop td {
  border-top: 30px solid #cecece;
}
.k-grid tr.borderBottom td {
  border-bottom: 30px solid #cecece;
}
.k-grid-header .k-header {
  border: none;
  font-size: 10px;
  font-weight: bold;
  white-space: normal;
  vertical-align: bottom;
}
.k-grid-header .k-header .k-link {
  line-height: 110%;
  min-height: 1px;
}
.k-grid-header .k-header .k-link .k-icon {
  margin-bottom: -4px;
}
.k-grid-header .k-header .grid-header {
  cursor: pointer;
}
.k-widget.k-grid {
  color: #333333;
  background-color: transparent;
}
div.k-grid-header,
div.k-grid-footer {
  border: none;
}
.k-grid-header-wrap,
.k-grid-footer-wrap {
  border: none;
}
/* Overrides kendo .k-treeview */

.k-treeview table td {
  padding: 2px 0;
}
.k-treeview .k-in {
  display: block;
}
.k-treeview .dummy,
.k-treeview .dummy a {
  color: #aaaaaa;
}
.k-treeview .t-status {
  width: 100px;
}
.k-treeview .t-status span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-treeview .t-work-type {
  width: 80px;
}
.k-treeview .t-work-type span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-treeview .k-dropdown {
  float: left;
  width: 120px;
}
.k-treeview .t-numeric {
  width: 80px;
  text-align: right;
}
.k-treeview .t-numeric.estimate {
  width: 38px;
}
.k-treeview .t-time-spent {
  width: 45px;
  text-align: right;
}
.k-treeview .t-estimate {
  width: 40px;
  text-align: right;
}
.k-treeview .Project .t-title {
  font-weight: bold;
}
.k-treeview .t-title .title-content {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
  margin: 0 20px 0 0;
}
.k-treeview .t-title .t-dummy-info {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  display: inline-block;
}
.k-treeview .t-title .item-id {
  margin-top: 1px;
}
.k-treeview .item-row.Project .t-title {
  margin: 0;
  padding-left: 0;
}
.k-treeview .k-numerictextbox {
  width: 55px;
}
.k-treeview .k-numerictextbox .k-numeric-wrap .k-input.readonly {
  color: #999999;
}
.k-treeview .k-numerictextbox .k-select {
  padding: 0;
}
.k-treeview .k-numerictextbox .k-numeric-wrap {
  height: 22px;
}
.k-treeview .k-dropdown .k-dropdown-wrap {
  height: 22px;
}
.k-treeview .k-numeric-wrap.k-state-default,
.k-treeview .k-dropdown-wrap.k-state-default {
  height: 22px;
  padding: 0 15px 0 0;
}
.k-treeview .k-numeric-wrap.k-state-default .k-select,
.k-treeview .k-dropdown-wrap.k-state-default .k-select {
  display: none;
}
.k-treeview .k-numeric-wrap.k-state-hover,
.k-treeview .k-numeric-wrap.k-state-focused,
.k-treeview .k-dropdown-wrap.k-state-hover,
.k-treeview .k-dropdown-wrap.k-state-active {
  border: 1px solid #cccccc;
  background: white;
  padding: 0 15px 0 0;
  cursor: pointer;
}
.k-treeview .k-numeric-wrap.k-state-hover.readonly,
.k-treeview .k-numeric-wrap.k-state-focused.readonly,
.k-treeview .k-dropdown-wrap.k-state-hover.readonly,
.k-treeview .k-dropdown-wrap.k-state-active.readonly {
  border: 1px solid transparent;
  cursor: auto;
}
.k-treeview .k-numeric-wrap.k-state-hover .k-select,
.k-treeview .k-numeric-wrap.k-state-focused .k-select,
.k-treeview .k-dropdown-wrap.k-state-hover .k-select,
.k-treeview .k-dropdown-wrap.k-state-active .k-select {
  display: block;
}
.k-treeview .k-numeric-wrap.k-state-hover.readonly .k-select,
.k-treeview .k-numeric-wrap.k-state-focused.readonly .k-select,
.k-treeview .k-dropdown-wrap.k-state-hover.readonly .k-select,
.k-treeview .k-dropdown-wrap.k-state-active.readonly .k-select {
  display: none;
}
.k-treeview .k-numeric-wrap.k-state-focused .k-select {
  min-height: 0;
}
.k-treeview .k-state-selected .k-i-arrow-n {
  background-position: 0 -2px;
}
.k-treeview .k-state-selected .k-i-arrow-s {
  background-position: 0 -35px;
}
.k-treeview .k-state-selected .k-dropdown-wrap .k-i-arrow-s {
  background-position: 0 -32px;
}
.k-treeview .k-plus,
.k-treeview .k-minus,
.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled {
  float: left;
}
.k-treeview .k-top,
.k-treeview .k-mid,
.k-treeview .k-bot {
  white-space: nowrap;
}
.k-treeview .k-tooltip-validation.k-invalid-msg {
  white-space: normal;
  width: 120px;
}
.treeview-header {
  overflow: hidden;
  margin: 2px 0;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.treeview-header .t-time-spent {
  width: 50px;
  text-align: right;
}
.treeview-header .t-date {
  width: 46px;
}
.treeview-header .t-status {
  width: 100px;
}
.treeview-header td {
  font-size: 10px;
  color: #777777;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: bottom;
  margin: 0 2px 0 0;
  padding: 0;
}
.treeview-header .t-estimate {
  width: 38px;
  text-align: right;
}
.treeview-header .t-work-type {
  width: 80px;
}
.treeview-header .t-title {
  padding-left: 20px;
}
.treeview-header .t-numeric {
  text-align: right;
  width: 77px;
}
.treeview-header .t-numeric.work-completed {
  width: 79px;
}
.treeview-header .t-numeric.estimate {
  width: 38px;
}
div.k-treeview {
  white-space: normal;
  overflow: visible;
}
/* Item Details */

.preview-pane .k-loading-image.teampulse-loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 50px;
  margin: -15px 0 0 -50px;
  background-color: #eeeeee;
  z-index: 50001;
}
.preview-pane .km-scroll-container {
  padding-right: 15px;
}
.summary-pane {
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 25px;
  right: 0;
  padding: 0 15px 10px;
}
.summary-pane h1 {
  font-weight: 300;
  font-size: 30px;
  margin: 15px 0 .5em;
}
.summary-pane h2 {
  margin: .75em 0 .5em;
  padding: 0;
  color: black;
}
.summary-pane table {
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.summary-pane table td,
.summary-pane table th {
  padding: 2px 5px;
  line-height: 100%;
  vertical-align: top;
  text-align: right;
  width: 90px;
  overflow: hidden;
}
.summary-pane table th {
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
}
.summary-pane table td.number {
  font-size: 24px;
  font-weight: 300;
}
.summary-pane .no-items-selected {
  text-align: center;
  font-size: 15px;
  margin: 25px;
}
.summary-pane .view-actions {
  font-size: 12px;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.summary-pane .view-actions li {
  padding: 0 0 5px 0;
}
.item-details-actions {
  padding: 8px;
  color: #666666;
  overflow: hidden;
  height: 20px;
}
.flex .item-details-tab-content {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  position: relative;
}
.item-details-tab-content {
  min-height: 100%;
}
.item-details-tab-content ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.item-details-tab-content input[type="checkbox"] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
.flex .itemdetails-container .item-details-content {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.item-details-content .item-header {
  margin: 10px 10px 0;
}
.item-details-content .item-header .item-project {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  display: inline-block;
  vertical-align: top;
}
.item-details-content .item-header .item-project .label {
  color: #bbbbbb;
  text-transform: uppercase;
  font-size: 10px;
}
.item-details-content h1 {
  clear: both;
  height: auto;
  line-height: 1em;
  margin: 5px 0 0;
  padding: 5px 0 0;
}
.item-details-content h1 > textarea {
  font-size: 18px;
  font-weight: bold;
  word-wrap: break-word;
}
.item-details-content .parent-item-info {
  padding-top: 5px;
  margin-bottom: -6px;
  margin-left: 0;
  font-size: 13px;
  clear: both;
  color: black;
}
.item-details-content .parent-item-info a {
  color: #666666;
}
.item-details-content .parent-item-info a:hover {
  color: black;
}
.item-details-content .parent-item-info .item-id {
  padding: 0;
}
.item-details-content .parent-item-info .type-icon {
  margin-right: 0;
}
.item-details-content .property {
  position: relative;
  margin: 0 0 10px 18px;
}
.item-details-content .property .k-tooltip-validation.k-invalid-msg {
  margin-left: 145px;
}
.item-details-content .property .value {
  margin-left: 145px;
  color: #333333;
}
.item-details-content .property .label {
  text-align: left;
}
.item-details-content .property.single-line .label {
  width: auto;
}
.item-details-content .property.single-line .value {
  margin-left: 0;
}
.item-details-content .property.text-field,
.item-details-content .property.no-indent {
  margin: 0 0 10px 0;
  padding: 0 0 0 2px;
}
.item-details-content .property.single-line {
  margin-bottom: 10px;
}
.item-details-content.narrow .property .label {
  width: 105px;
}
.item-details-content.narrow .property .value,
.item-details-content.narrow .property .k-tooltip-validation.k-invalid-msg {
  margin-left: 105px;
}
.item-details-content.narrow .property.single-line .value,
.item-details-content.narrow .property.single-line .k-tooltip-validation.k-invalid-msg {
  margin-left: 0;
}
.item-details-content.narrow .property.single-line .label {
  width: inherit;
}
.item-details-content .property .value .k-tooltip-validation.k-invalid-msg {
  margin-left: 0;
}
.flex .item-details-content .flex-horizontal .fl,
.flex .item-details-content .flex-horizontal .fr {
  float: none;
  display: block;
}
.flex .item-details-content .item-project {
  max-width: none;
}
.no-flex .item-details-content .item-project {
  margin-right: 45px;
}
.no-flex .item-details-content .item-buttons {
  position: absolute;
  right: 10px;
}
/* sync editor */

.sync-editor {
  margin-top: 5px;
  line-height: 1;
  color: #333333;
}
.sync-editor input[type=checkbox] {
  vertical-align: middle;
}
.sync-editor .ellipsis {
  display: none;
}
.sync-editor .ellipsis em {
  display: none;
  margin-right: 2px;
}
.sync-editor .sync-circle-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: white;
  padding: 1px;
  display: block;
  float: left;
  font-size: 14px;
  position: relative;
}
.sync-editor .sync-circle-icon i {
  position: absolute;
}
.sync-editor .sync-circle-icon .icon-circle {
  display: block;
  top: 0;
  left: 0;
  font-size: 22px;
  color: #999999;
}
.sync-editor .icon-retweet {
  top: 4px;
  left: 2px;
}
.sync-editor .sync-button-label {
  margin: 0 5px;
  vertical-align: top;
  display: inline-block;
  line-height: 22px;
}
.sync-editor .sync-button-label.multi-lines {
  position: relative;
  top: -6px;
}
.sync-editor .sync-InProgress .sync-circle-icon .icon-circle {
  color: #6e9a43;
}
.sync-editor .sync-InProgress .sync-circle-icon .icon-retweet {
  display: block;
}
.sync-editor .sync-InProgress .ellipsis {
  text-align: left;
  display: inline-block;
  width: 20px;
}
.sync-editor .sync-Success .sync-circle-icon .icon-circle {
  color: #509808;
}
.sync-editor .sync-ConflictsDetected .sync-circle-icon .icon-circle {
  color: #e2c613;
}
.sync-editor .sync-ErrorsEncountered .sync-circle-icon .icon-circle {
  color: red;
}
.sync-editor .sync-queued-top {
  font-size: 12px;
  margin: -7px 0 0 0;
}
.sync-editor .sync-queued-bottom {
  font-size: 11px;
  margin: 0 0 0 -15px;
  line-height: 0.7em;
}
.sync-editor .sync-button.k-button {
  padding: 6px 5px;
  margin: -5px 0 0 10px;
}
.sync-editor .sync-button.k-button.disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: wait;
}
.sync-editor .sync-result-info {
  margin: 5px 0 0 16px;
  font-size: 11px;
}
.sync-editor .reload-workitem {
  margin-left: 16px;
  font-size: 11px;
}
.sync-editor .hint {
  float: left;
  line-height: 1;
  font-size: 11px;
  font-style: normal;
  position: absolute;
  margin-top: -4px;
}
/* item tabs */

.item-details-tabs {
  margin: 5px 0 0;
  padding: 0 8px;
  font-size: 13px;
  background: #eeeeee;
}
.item-details-tabs li {
  border-bottom: 3px solid transparent;
  display: inline-block;
  padding: 7px 4px 4px;
  cursor: pointer;
  color: #474544;
}
.item-details-tabs li span.item-count {
  font-size: 10px;
  color: #4389cc;
  line-height: 100%;
}
.item-details-tabs li.active {
  color: #4389cc;
  border-bottom: 3px solid #4389cc;
}
.itemdetails-container {
  position: relative;
}
.item-details-tab-content > div {
  padding: 0 0 0 10px;
}
.item-details-tab-actions {
  padding: 10px 0 5px;
}
/* Item Details - Links */

.itemdetails-linkFs-grid .k-grid-header {
  display: block;
}
.itemdetails-linkFs-grid table {
  padding: 0;
  table-layout: fixed;
}
.itemdetails-linkFs-grid td {
  padding: 0;
  word-wrap: break-word;
}
.itemdetails-linkFs-grid td a {
  text-decoration: none;
}
/* Comments */

.comment-area {
  resize: none;
  height: 2em;
}
.comment-body {
  margin: 0 0 0 40px;
  word-wrap: break-word;
}
.comment-img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 0;
  width: 28px;
  height: 28px;
}
ul.comments-list {
  margin: 0 0 0 18px;
}
ul.comments-list li {
  position: relative;
  list-style: none;
  margin: 2px 0;
}
ul.comments-list .comment-attachments {
  background-color: #eeeeee;
}
.post-comment {
  position: relative;
  margin: 5px 0 10px 18px;
}
.post-comment .property.no-indent {
  margin-bottom: 5px;
}
.post-comment .property:before,
.post-comment .property:after {
  content: none;
}
.post-comment .hint {
  position: relative;
  top: 2px;
  left: 5px;
  display: inline-block;
  float: none;
}
/* Item Details - Attachments */

.attachments-list li {
  padding-left: 18px;
}
.attachments-list .k-grid-header {
  display: none;
}
.attachments-list a {
  text-decoration: none;
}
.attachment-meta {
  display: none;
}
.attachment-meta.popover {
  display: block;
}
.attachment-meta .popover-content {
  padding: 0;
}
.attachment-size {
  display: inline-block;
  margin: 0 5px 0 0;
}
.attachment-description,
.attachment-description-span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  font: 13px/normal "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  box-shadow: none;
  white-space: pre-wrap;
}
.k-invalid .attachment-description,
.k-invalid .attachment-description-span {
  color: red;
  border-color: red;
}
.attachment-description {
  display: block;
  border-color: #cccccc;
  height: 22px;
}
.attachment-description.hidden {
  display: none;
}
.attachment-description-wrap {
  margin: 2px 0;
  position: relative;
}
a.attachment-description-trigger:link,
a.attachment-description-trigger:visited,
a.attachment-description-trigger:hover {
  color: #7e7c7c;
  cursor: text;
}
.attachment-description-span {
  display: inline-block;
}
.attachment-description-span.readonly:focus {
  outline: none;
}
#attachmentsContent,
#portalAttachmentsContent {
  margin-right: 20px;
}
#attachmentsContent .attachment-actions,
#portalAttachmentsContent .attachment-actions {
  margin: 5px 0;
}
#attachmentsContent .k-upload,
#portalAttachmentsContent .k-upload {
  overflow: hidden;
  padding-left: 18px;
}
#attachmentsContent .k-upload:focus,
#portalAttachmentsContent .k-upload:focus {
  color: black;
}
#attachmentsContent .k-state-disabled .k-upload-button,
#portalAttachmentsContent .k-state-disabled .k-upload-button {
  opacity: 0.4;
}
#attachmentsContent .k-upload-button,
#portalAttachmentsContent .k-upload-button {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: #4389cc;
}
#attachmentsContent .k-upload-button:hover,
#portalAttachmentsContent .k-upload-button:hover {
  color: black;
}
#attachmentsContent .k-upload-button :disabled,
#portalAttachmentsContent .k-upload-button :disabled,
#attachmentsContent .k-upload-button [disabled],
#portalAttachmentsContent .k-upload-button [disabled],
#attachmentsContent .k-upload-button :disabled:hover,
#portalAttachmentsContent .k-upload-button :disabled:hover,
#attachmentsContent .k-upload-button :disabled:active,
#portalAttachmentsContent .k-upload-button :disabled:active,
#attachmentsContent .k-upload-button [disabled]:hover,
#portalAttachmentsContent .k-upload-button [disabled]:hover,
#attachmentsContent .k-upload-button [disabled]:active,
#portalAttachmentsContent .k-upload-button [disabled]:active {
  opacity: 0;
}
#attachmentsContent .k-upload-button i,
#portalAttachmentsContent .k-upload-button i {
  font-size: 110%;
  color: black;
  margin-right: 5px;
}
/* Item Details - Attachments */

.links-list li {
  padding-left: 18px;
}
.links-list a {
  text-decoration: none;
}
.link-meta {
  display: none;
}
.link-meta.popover {
  display: block;
}
.link-meta .popover-content {
  padding: 0;
}
/* Feedback voting */

.votes-info-container {
  margin-left: 95px;
  padding-top: 5px;
}
.wide .votes-info-container {
  margin-left: 95px;
}
.votes-likes {
  background-color: #99cc00;
  height: 5px;
}
.votes-info {
  font-size: 11px;
  color: Gray;
}
.votes-dislikes {
  background-color: #ff4444;
  height: 5px;
  float: right;
}
.votes-delimiter {
  background-color: White;
  height: 5px;
  width: 2px;
  float: right;
}
.votes-bar {
  max-width: 200px;
  background-color: Gray;
}
.votes-buttons-container {
  float: left;
}
.voting-button {
  float: left;
  opacity: 0.7;
  filter: alpha(opacity=70);
  height: 25px;
  text-shadow: white 0 0 2px;
}
.voting-button i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin: 0 2px 0 0;
}
.voting-button.down-active {
  color: #cc0000;
}
.voting-button.up-active {
  color: #669900;
}
button.voting-button:hover {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* assign to */

.assignee-selected-user {
  float: left;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 -1px 0 -23px;
}
/* tags */

.tags-listing {
  overflow: hidden;
  margin: 0;
  display: block;
}
.tags-listing li {
  border: 1px solid #eeeeee;
  border-radius: 2px;
  background: whitesmoke;
  float: left;
  margin: 0 4px 4px 0;
  max-width: 130px;
  padding: 2px 20px;
  position: relative;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tags-listing li:hover .tag-delete {
  color: #444444;
}
.tags-listing li:hover .tag-delete:hover {
  color: black;
}
.tags-listing .tag-color,
.tags-listing .tag-delete {
  display: block;
  position: absolute;
}
.tags-listing .tag-color {
  top: 3px;
  left: 2px;
  opacity: .7;
  width: 16px;
  height: 16px;
}
.tags-listing .tag-delete {
  top: 4px;
  right: 2px;
  height: 16px;
  line-height: 16px;
  color: #aaaaaa;
  cursor: pointer;
}
.tags-listing .tag {
  padding: 1px 3px;
}
.tags-listing .tags-combobox-link {
  line-height: 27px;
  padding: 0 3px 0 7px;
  white-space: nowrap;
  float: left;
}
#detailsContent {
  padding: 15px 0;
}
.item-details-content.wide .item-info-container {
  max-width: 900px;
}
.item-details-content.wide #detailsContent {
  max-width: 900px;
}
.item-details-content.wide #commentsContent {
  width: 500px;
}
.item-details-content.wide .itemDescription {
  width: 500px;
  float: left;
  display: inline-block;
}
.item-details-content.wide .itemMainDetails {
  width: 370px;
  float: right;
}
.item-details-content.wide .otherDetails {
  width: 370px;
  float: right;
  clear: right;
}
.item-details-content.wide #attachmentsContent,
.item-details-content.wide #linksContent {
  width: 370px;
  float: right;
  margin-right: 0;
  clear: right;
}
.item-info .property .value {
  min-height: 20px;
}
.item-info .read-only-color .k-dropdown-wrap {
  padding: 0;
  height: 20px;
}
.item-info .read-only-color .k-dropdown-wrap .k-input {
  padding: 0;
  height: 20px;
  line-height: 20px;
}
.flex .tasks {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex #itemTasks {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex #itemTasks .k-grid-content {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
}
.no-flex #itemTasks .k-grid-content {
  overflow: hidden;
  height: auto!important;
  /* kendo sets custom height on window resize */

}
.tasks {
  background: white;
  min-width: 350px;
}
.tasks tr.borderTop {
  overflow: hidden;
  border: none;
}
.tasks tr.borderTop td {
  border-top: 30px solid #666666;
}
.tasks tr.borderBottom {
  overflow: hidden;
  border: none;
}
.tasks tr.borderBottom td {
  border-bottom: 30px solid #666666;
}
.tasks .label + input.k-input,
.tasks .label + span.k-input {
  height: 2.2em;
}
.tasks .k-dropdown-wrap {
  margin: 0;
}
.tasks .k-dropdown-wrap .k-input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tasks .k-dropdown-wrap .k-list-item-wrap {
  text-indent: 2px;
}
.tasks .k-dropdown-wrap input[type=text] {
  padding-left: 0;
  padding-right: 0;
}
.tasks .k-grid-header {
  border-bottom: 1px solid #dfdfdf;
}
.tasks .status-field-plain {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tasks .status-field-plain input {
  padding: 1px 20px 1px 2px;
  text-indent: 2px;
  height: 26px;
}
.tasks .status-field-plain:after {
  left: 80px;
}
.tasks .narrow-title {
  display: none;
}
.tasks .assignee-plain-text:after {
  left: 128px;
}
.tasks #itemTasks {
  border: none;
}
.tasks #itemTasks .k-grid-content {
  width: auto;
  padding-right: 15px;
}
.tasks #tasksFooter {
  background: whitesmoke;
  padding: 5px 5px 5px 30px;
  height: 50px;
  margin: -60px 0 0 -15px;
  min-width: 320px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: absolute;
  left: 0;
  right: 0;
}
.tasks #tasksFooter .total-tasks {
  width: 32px;
}
.tasks #tasksFooter .progress-indicator {
  width: 30px;
  height: 13px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.tasks #tasksFooter .total-work-compl {
  width: 93px;
}
.tasks #tasksFooter .value {
  font-size: 12px;
  line-height: 1;
  border-color: transparent;
}
.tasks #tasksFooter .task-column {
  width: 64px;
  float: left;
}
.tasks #tasksFooter .task-column.progress {
  width: 65px;
}
.tasks #tasksFooter .label {
  width: 100%;
  font-size: 10px;
  line-height: 130%;
  margin: 0 0 5px 0;
  display: block;
  color: #777777;
}
.tasks span.k-input,
.tasks input,
.tasks textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-left: 2px;
  padding-right: 2px;
}
.tasks input[type=checkbox] {
  margin: 0;
  padding: 0;
}
.tasks th.k-header {
  padding: 2px 0 3px;
  border: 1px solid transparent;
}
.tasks table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.tasks table td,
.tasks table th {
  padding: 3px 0;
  vertical-align: top;
  line-height: normal;
}
.tasks table .label {
  display: none;
}
.tasks table .label,
.tasks table .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks table tr td {
  border-bottom: 1px solid #d5d5d5;
  background: white;
  padding: 10px 0;
}
.tasks .task-actions-column {
  width: 33px;
}
.tasks .task-actions-column .select-all {
  position: relative;
  top: 0;
  margin-right: 4px;
}
.tasks .task-status-column {
  width: 110px;
}
.tasks .task-clock-column {
  width: 25px;
  font-size: 16px;
  line-height: 100%;
  padding: 3px 5px 0;
}
.tasks .task-clock-column .icon-trigger {
  cursor: pointer;
  position: relative;
  top: 5px;
}
.tasks thead .task-clock-column {
  visibility: hidden;
}
.tasks .task-remaining-column,
.tasks .task-completed-column,
.tasks .task-estimate-column {
  width: 66px;
  text-align: right;
}
.tasks .task-remaining-column input,
.tasks .task-completed-column input,
.tasks .task-estimate-column input {
  text-align: right;
}
.tasks .task-remaining-column .value,
.tasks .task-completed-column .value,
.tasks .task-estimate-column .value,
.tasks .task-assignee-column .value {
  display: block;
  width: 88%;
  margin: 0 0 0 auto;
}
.tasks .task-remaining-column .value.task-assignee-readonly,
.tasks .task-completed-column .value.task-assignee-readonly,
.tasks .task-estimate-column .value.task-assignee-readonly,
.tasks .task-assignee-column .value.task-assignee-readonly {
  width: 100%;
}
.tasks .task-remaining-column .value.task-assignee-readonly img,
.tasks .task-completed-column .value.task-assignee-readonly img,
.tasks .task-estimate-column .value.task-assignee-readonly img,
.tasks .task-assignee-column .value.task-assignee-readonly img {
  margin: 0;
}
.tasks .assignee-control {
  line-height: 1;
}
.tasks .task-assignee-readonly {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
}
.tasks .task-assignee-readonly img {
  position: relative;
  bottom: 2px;
  margin-right: 2px;
}
.tasks .task-status,
.tasks .task-status:hover {
  width: 100px;
  color: #787878;
}
.tasks .task-status.k-dropdown {
  padding: 0;
}
.tasks .task-status.k-dropdown .k-input {
  text-indent: 2px;
  position: relative;
  top: 1px;
}
.tasks input.row-selector[type="checkbox"] {
  float: left;
  position: relative;
  top: 1px;
}
.tasks .canPrioritize {
  margin: 0 0 0 4px;
}
.tasks .task-item {
  margin-top: 3px;
}
.tasks .task-name,
.tasks .task-description {
  width: 98%;
  margin: 0;
  overflow: hidden;
  display: block;
  word-wrap: break-word;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tasks div.task-name,
.tasks div.task-description {
  white-space: pre-wrap;
}
.tasks input[type=text].assignee-input {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 0;
  padding-right: 0;
}
.tasks .readonly .task-actions-column {
  width: 0;
}
.tasks .readonly.narrow .k-grid-header {
  padding-top: 0;
}
.tasks .readonly.narrow tr {
  padding-left: 8px;
}
.item-details-tab-content div.tasks {
  padding-top: 60px;
}
.narrow .tasks {
  padding-left: 3px;
}
.narrow .tasks table,
.narrow .tasks thead,
.narrow .tasks tbody,
.narrow .tasks tfoot,
.narrow .tasks tr,
.narrow .tasks td,
.narrow .tasks th {
  display: block;
  float: left;
}
.narrow .tasks td,
.narrow .tasks th {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.narrow .tasks thead {
  width: 100%;
  height: 19px;
}
.narrow .tasks thead tr {
  height: 18px;
  width: 100%;
  padding: 0;
}
.narrow .tasks thead th {
  width: 100%;
  display: none;
}
.narrow .tasks thead th.task-actions-column {
  display: block;
  width: 100%;
}
.narrow .tasks thead .narrow-title {
  display: inline;
}
.narrow .tasks .task-actions-column {
  position: absolute;
}
.narrow .tasks .task-name {
  margin-top: 10px;
}
.narrow .tasks .task-description {
  margin-top: 2px;
}
.narrow .tasks td {
  overflow: visible;
  padding: 3px 0;
  border-bottom: none;
}
.narrow .tasks .label {
  display: block;
  color: #a6a6a6;
  font-size: 11px;
}
.narrow .tasks tr {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: white;
  padding: 10px 0;
}
.narrow .tasks .task-title-column {
  min-width: 320px;
  clear: right;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.narrow .tasks .task-assignee-column {
  position: absolute;
  right: 0;
  top: 5px;
  width: 200px;
}
.narrow .tasks .task-completed-column,
.narrow .tasks .task-remaining-column,
.narrow .tasks .task-estimate-column,
.narrow .tasks .task-status-column {
  margin-right: 3px;
  width: 64px;
}
.narrow .tasks .task-main {
  margin-left: 35px;
}
.narrow .tasks .task-status-column {
  width: 100px;
  text-overflow: inherit;
  overflow: inherit;
  margin-left: 35px;
}
.narrow .tasks .task-clock-column {
  width: 16px;
  line-height: 100%;
  padding: 0 5px;
}
.narrow .tasks tr.borderTop {
  border-top: 30px solid #666666;
}
.narrow .tasks tr.borderTop td {
  border-top: none;
}
.narrow .tasks tr.borderBottom {
  border-bottom: 30px solid #666666;
}
.narrow .tasks tr.borderBottom td {
  border-bottom: none;
}
.narrow .tasks .k-grid-header {
  padding-top: 3px;
}
.narrow .tasks .readonly .task-status-column,
.narrow .tasks .readonly .task-main {
  margin-left: 0;
}
.estimate-popover-title {
  margin: 0 0 10px;
}
.estimate-popover-title i {
  cursor: help;
  display: inline-block;
}
.estimate-popover-values {
  display: table;
  width: 100%;
}
.estimate-popover-column {
  display: table-cell;
}
.estimate-popover-column .label {
  color: #a6a6a6;
  display: block;
  margin-bottom: 5px;
  text-align: right;
}
.estimate-popover-column .value {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: right;
  padding-right: 2px;
  padding-left: 2px;
  text-align: right;
  width: 61px;
}
.est-validation-errors .k-tooltip-validation {
  background: red;
  color: white;
  border: 0;
  margin: 2px 0;
  padding: 1px 5px;
  text-align: left;
}
.est-validation-errors .k-tooltip-validation:after,
.est-validation-errors .k-tooltip-validation:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.est-validation-errors .k-tooltip-validation:after {
  border-color: transparent;
  border-bottom-color: red;
  border-width: 0;
  left: 0;
}
.est-validation-errors .k-tooltip-validation:before {
  border-color: transparent;
  border-bottom-color: #cecece;
  border-width: 0;
  left: 0;
}
.est-validation-errors .k-tooltip-validation i {
  font-size: 11px;
}
.est-validation-errors .k-tooltip-validation .k-icon {
  display: none;
}
.tasks-drag-hint .show-more-button {
  display: none;
}
.tasks-drag-hint .tasks .row-selector {
  top: -1px;
}
.tasks-drag-hint.dragging-multiple-items .tasks {
  padding: 0;
}
.tasks-drag-hint.dragging-multiple-items tr,
.tasks-drag-hint.dragging-multiple-items td,
.tasks-drag-hint.dragging-multiple-items tbody {
  width: 100%;
}
.tasks .narrow .tasks-drag-hint .workitem-assignee {
  max-width: 150px;
}
.wide .tasks .workitem-assignee {
  margin-left: 25px;
}
.flex .acceptanceCriteria {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex .acceptanceCriteria .k-grid {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex .acceptanceCriteria .k-grid-content {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
}
.no-flex .acceptanceCriteria .k-grid-content {
  overflow: hidden;
}
.acceptanceCriteria {
  background: white;
  min-width: 350px;
}
.acceptanceCriteria #itemAc {
  border: none;
}
.acceptanceCriteria th.k-header {
  padding: 2px 3px 5px;
}
.acceptanceCriteria table td,
.acceptanceCriteria table th {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
  vertical-align: top;
}
.acceptanceCriteria table tbody td {
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  overflow: visible;
}
.acceptanceCriteria table tr.k-alt {
  background: none;
}
.acceptanceCriteria .k-grid table {
  table-layout: fixed;
}
.acceptanceCriteria .k-grid .select-all {
  display: inline-block;
  margin-right: 5px;
}
.acceptanceCriteria .k-grid .row-selector {
  top: 4px;
  float: left;
}
.acceptanceCriteria .ac-title-column {
  width: 100%;
  height: 19px;
}
.acceptanceCriteria .ac-title {
  max-width: 600px;
  word-wrap: break-word;
}
.acceptanceCriteria .ac-name {
  margin: 0 0 0 30px;
  display: block;
}
.acceptanceCriteria .ac-name textarea {
  display: block;
}
.acceptanceCriteria .ac-description {
  display: none;
}
.acceptanceCriteria .ac-description.property.single-line.no-indent {
  margin-left: 28px;
  margin-top: 10px;
}
.acceptanceCriteria .expanded .ac-description {
  display: block;
}
.acceptanceCriteria .narrow .ac-description {
  margin-left: 0;
}
.acceptanceCriteria .readonly .ac-name,
.acceptanceCriteria .readonly .ac-description {
  margin-left: 0;
}
.acceptanceCriteria .k-invalid:hover,
.acceptanceCriteria .k-invalid:focus {
  border: 1px solid red;
}
.acceptanceCriteria .k-grid-header {
  padding-top: 3px;
  border-bottom: 1px solid #e2e2e2;
}
.acceptanceCriteria .readonly .ac-expander {
  text-align: left;
  padding-left: 0;
}
.acceptanceCriteria .ac-expander,
.acceptanceCriteria .ac-expander-all {
  cursor: pointer;
  border: 0;
  background: none;
  box-shadow: none;
  margin: 0;
  width: 17px;
}
.acceptanceCriteria .ac-expander {
  display: block;
  float: left;
  padding: 4px;
}
.acceptanceCriteria .ac-expander-all {
  padding: 0 10px 0 0;
  position: relative;
  top: 0;
  left: -1px;
}
.item-history .h-ul-wrap {
  overflow: auto;
}
.item-history .h-ul {
  max-width: 600px;
}
.item-history .h-li {
  clear: both;
  margin: 10px 0 0 0;
}
.item-history .h-img {
  float: left;
  padding: 2px 4px 16px 2px;
  width: 28px;
  height: 28px;
}
.item-history .h-author {
  color: #777777;
}
.item-history .h-con-wrap {
  text-indent: -10px;
  padding: 0 10px;
  line-height: 140%;
  word-wrap: break-word;
  margin: 0 0 0 33px;
}
.item-history .h-content {
  color: #333333;
}
.item-history .h-content .h-ln {
  text-indent: -15px;
  padding-left: 15px;
}
.item-history .h-meta {
  display: block;
  font-size: 10px;
  line-height: 11px;
  margin: 3px 0 10px 33px;
  color: #999999;
  word-wrap: break-word;
}
.item-history .h-info {
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  line-height: 25px;
  border-bottom: #e2e2e2 1px solid;
}
.item-history .h-info .label {
  color: #999999;
  padding-left: 8px;
  font-size: 10px;
}
.item-history .h-info .timeago {
  color: #999999;
  font-size: 10px;
}
.item-history .h-info button {
  float: left;
}
.item-history .item-id {
  display: inline-block;
  float: none;
  margin: 2px 1px 0 2px;
  padding: 0;
  text-indent: 0;
}
.item-history .item-id .type-icon {
  float: none;
  margin: 0;
}
.related {
  min-width: 350px;
}
.related .k-grid-header {
  border-bottom: 1px solid #e2e2e2;
}
.related table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.related table td,
.related table th {
  padding: 5px 3px;
  vertical-align: top;
  line-height: normal;
}
.related table .k-grouping-row td {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #fafafa;
}
.related table .k-alt:not(.k-state-selected) {
  background: none;
}
.related table td {
  border-bottom: 1px solid #eeeeee;
}
.related table .item-id {
  display: inline-block;
  float: none;
}
.related .item-title {
  font-size: 13px;
  color: black;
}
.related .item-meta {
  display: block;
  margin: 3px 0 0 0;
}
.related .item-meta .fl {
  margin: 0 15px 0 0;
}
.related .item-meta .label {
  font-size: 10px;
  color: #777777;
  display: block;
}
.related .view-actions-container {
  float: right;
  margin: 0 10px 0 0 ;
}
.related .view-actions-container .k-dropdown {
  width: 110px;
}
.related .checkbox-wrapper {
  width: 25px;
}
.related #relatedItemsGrid {
  margin-top: 5px;
}
.window-scroll-outer {
  position: relative;
  height: 100%;
}
.window-scroll {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 20px;
  overflow: auto;
  padding: 0 20px 0 0;
  height: auto;
}
#ItemAddRelationshipWrapper {
  padding-bottom: 20px;
}
#ItemAddRelationshipWrapper .window-form-content {
  position: relative;
}
#ItemAddRelationshipWrapper .window-scroll {
  top: 60px;
  bottom: 115px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
}
#ItemSearchWrapper {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 50px 0 25px;
  height: 100%;
}
#ItemAddRelationshipWrapper h1 {
  padding: 0px;
}
#ItemAddRelationshipWrapper .module-container {
  height: 100%;
}
#ItemAddRelationshipWrapper .window-scroll {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
#ItemAddRelationshipWrapper .full {
  position: absolute;
  left: 50px;
  right: 5px;
  padding: 0;
}
#ItemAddRelationshipWrapper .item-search-desc {
  width: 50px;
}
#ItemAddRelationshipWrapper .item-search-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
  padding-bottom: 15px;
}
#ItemAddRelationshipWrapper .item-search-controls span {
  position: absolute;
  margin-top: 2px;
}
#ItemAddRelationshipWrapper .item-search-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  display: block;
}
#ItemAddRelationshipWrapper .hint {
  margin-left: 50px;
  margin-top: 5px;
}
#ItemAddRelationshipWrapper .item-refine-search,
#ItemAddRelationshipWrapper .item-search-detailed-results {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 0;
  background: #e2e2e2;
}
#ItemAddRelationshipWrapper .item-refine-search p,
#ItemAddRelationshipWrapper .item-search-detailed-results p {
  font-size: 11px;
  margin: 0;
  color: #666666;
  text-align: center;
}
#ItemAddRelationshipWrapper .item-search-results {
  height: 100%;
  overflow: auto;
  position: relative;
}
#ItemAddRelationshipWrapper .item-search-results label,
#ItemAddRelationshipWrapper .item-search-results .items {
  float: left;
  color: #666666;
}
#ItemAddRelationshipWrapper .item-search-results a {
  color: #333333;
  overflow: hidden;
}
#ItemAddRelationshipWrapper .item-search-results a:hover {
  background: #eaeaea;
  color: #3c3938;
}
#ItemAddRelationshipWrapper .item-search-results a:focus {
  background: #eaeaea;
  color: #3c3938;
}
#ItemAddRelationshipWrapper .item-search-results .items {
  font-weight: bold;
  width: 100%;
}
#ItemAddRelationshipWrapper .item-search-results section {
  outline: none;
}
#ItemAddRelationshipWrapper .item-search-results section label {
  padding: 5px;
}
#ItemAddRelationshipWrapper .item-search-results .search-hint {
  text-align: center;
  color: #cccccc;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
}
#ItemAddRelationshipWrapper .item-search-results article {
  *zoom: 1;
  padding-left: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#ItemAddRelationshipWrapper .item-search-results article:before,
#ItemAddRelationshipWrapper .item-search-results article:after {
  display: table;
  content: "";
  line-height: 0;
}
#ItemAddRelationshipWrapper .item-search-results article:after {
  clear: both;
}
#ItemAddRelationshipWrapper .item-search-results article:hover {
  background: #eaeaea;
  color: #3c3938;
}
#ItemAddRelationshipWrapper .item-search-results article:focus {
  background: #eaeaea;
  color: #3c3938;
  outline: none;
}
#ItemAddRelationshipWrapper .item-search-results article .highlight {
  background-color: #fff6df;
}
#ItemAddRelationshipWrapper .item-search-results article p,
#ItemAddRelationshipWrapper .item-search-results article h1 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}
#ItemAddRelationshipWrapper .item-search-results article h1 {
  line-height: 14px;
  overflow: hidden;
}
#ItemAddRelationshipWrapper .item-search-results article.selected {
  background: #eaeaea;
  color: #3c3938;
}
#ItemAddRelationshipWrapper .item-search-results .meta {
  color: #999999;
}
.votes-container {
  min-width: 350px;
}
.votes-container .k-grid-header {
  border-bottom: 1px solid #e2e2e2;
}
.votes-container table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.votes-container table td,
.votes-container table th {
  padding: 5px 3px;
  vertical-align: top;
  line-height: normal;
}
.votes-container table .k-alt:not(.k-state-selected) {
  background: none;
}
.votes-container table td {
  word-break: break-all;
  border-bottom: 1px solid #eeeeee;
}
.votes-container .user-info {
  font-size: 13px;
  color: black;
  display: block;
  line-height: 16px;
}
.votes-container .user-info img {
  vertical-align: top;
  max-width: 16px;
}
.votes-container .vote-info {
  display: block;
  margin: 3px 0 0 0;
}
.votes-container .vote-info .fl {
  margin: 0 15px 0 0;
}
.votes-container .vote-info .label {
  font-size: 10px;
  color: #777777;
  display: block;
}
div.window-form .votes-window.window-form-content {
  overflow: visible;
}
.portal {
  height: 100%;
  overflow: auto;
}
#portalDescription textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: none;
  width: 100%;
  height: 18px;
  display: block;
}
#portalDescription textarea:focus {
  border-color: #dadada;
}
.links-section .icon-link {
  font-size: 110%;
  color: black;
  margin-right: 5px;
}
.links-section .link-actions {
  margin: 12px 20px;
}
.links-section .k-button.context-menu-expander {
  margin-left: 5px;
}
/* Richtext editor control styles */

.richtext {
  padding: 4px 2px;
  margin: 0 0 0 -2px;
  color: #333333;
}
.richtext a[href] {
  color: blue;
  text-decoration: underline;
}
.richtext p,
.richtext ul {
  margin: 0 0 10px;
  line-height: normal;
}
.richtext ul,
.richtext ol {
  padding-left: 40px;
  margin: 0 0 10px;
}
.richtext ul li {
  list-style-type: disc;
}
.richtext ul ul li {
  list-style-type: circle;
}
.richtext ul ul ul li {
  list-style-type: square;
}
.richtext ul ul ul ul li {
  list-style-type: disc;
}
.richtext ul ul ul ul ul li {
  list-style-type: circle;
}
.richtext ul ul ul ul ul ul li {
  list-style-type: square;
}
.richtext ul ul ul ul ul ul ul li {
  list-style-type: disc;
}
.richtext ul ul ul ul ul ul ul ul li {
  list-style-type: circle;
}
.richtext ul ul ul ul ul ul ul ul ul li {
  list-style-type: square;
}
.richtext ol li {
  list-style-type: decimal;
}
.richtext ol ol li {
  list-style-type: lower-alpha;
}
.richtext ol ol ol li {
  list-style-type: lower-roman;
}
.richtext ol ol ol ol li {
  list-style-type: decimal;
}
.richtext ol ol ol ol ol li {
  list-style-type: lower-alpha;
}
.richtext ol ol ol ol ol ol li {
  list-style-type: lower-roman;
}
.richtext ol ol ol ol ol ol ol li {
  list-style-type: decimal;
}
.richtext ol ol ol ol ol ol ol ol li {
  list-style-type: lower-alpha;
}
.richtext ol ol ol ol ol ol ol ol ol li {
  list-style-type: lower-roman;
}
.richtext img {
  max-width: 100%;
  height: auto;
}
.window-scroll .richtext {
  border-color: #dadada;
  margin: 0;
}
.richtextedit {
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.richtextedit .k-tool-icon:focus {
  background-color: #cee2f7;
}
.richtextedit .k-tool-icon:hover {
  background-color: #cee2f7;
}
.richtextedit .show-more-wrap,
.richtextedit .reader {
  display: none;
}
.richtextedit .edit-btn {
  cursor: pointer;
  border: none;
  margin: 5px 0;
  font-size: 12px;
  border-radius: 2px;
  background-color: #eaeaea;
  background-image: -moz-linear-gradient(top, #eeeeee, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #eeeeee, #e5e5e5);
  background-image: -o-linear-gradient(top, #eeeeee, #e5e5e5);
  background-image: linear-gradient(to bottom, #eeeeee, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe5e5e5', GradientType=0);
  padding: 3px 7px;
  display: inline-block;
  color: #333333;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
.richtextedit .edit-btn:hover {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, whitesmoke, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, whitesmoke, #eeeeee);
  background-image: -o-linear-gradient(top, whitesmoke, #eeeeee);
  background-image: linear-gradient(to bottom, whitesmoke, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffeeeeee', GradientType=0);
}
.richtextedit table.k-editor.k-state-focused {
  border: 1px solid rgba(162,203,244,.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.richtextedit table.k-editor {
  float: left;
  height: 100%;
}
.richtextedit table.k-editor {
  min-width: 358px;
  border-width: 1px;
  border-spacing: 0;
}
.richtextedit table.k-editor.placeholder iframe {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.richtextedit table.k-editor.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.richtextedit table.k-editor.fullscreen .k-editor-toolbar {
  position: static;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.richtextedit table.k-editor.fullscreen .toolbar-expander {
  text-align: left;
  height: auto;
  cursor: default;
}
.richtextedit table.k-editor.fullscreen .toolbar-expander:before {
  display: none;
}
.richtextedit table.k-editor.fullscreen .toolbar-expander iframe {
  resize: none;
  height: 100%!important;
}
.richtextedit table.k-editor.fullscreen td.k-editable-area {
  resize: none;
  height: 100%!important;
}
.richtextedit table.k-editor td.k-editable-area {
  resize: vertical;
  padding: 2px 0 10px;
  overflow: auto;
  border-color: transparent;
  border-width: 1px 0 0 0;
}
.richtextedit table.k-editor td.k-editable-area iframe {
  resize: none;
  height: 100%!important;
}
.richtextedit table.k-editor .k-editor-toolbar {
  display: none;
  background-color: #eaeaea;
  position: absolute;
  left: 2px;
  right: 1px;
  top: -30px;
  min-width: 355px;
  padding-left: 1px;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  margin-bottom: 4px;
}
.richtextedit table.k-editor.k-state-focused .k-editor-toolbar {
  display: block;
}
.richtextedit table.k-editor.k-state-focused .k-editable-area {
  border-color: #dadada;
}
.richtextedit table.k-editor.hide-tools {
  border-color: white;
  border-collapse: collapse;
}
.richtextedit table.k-editor.hide-tools .k-content {
  overflow: hidden;
}
.richtextedit table.k-editor.hide-tools .k-editor-toolbar-wrap {
  display: none;
}
.richtextedit table.k-editor.hide-tools .k-editable-area {
  border-color: white;
  border-width: 1px;
  padding: 2px;
}
.richtextedit table.k-editor.hide-tools:hover .k-editable-area {
  border-color: #dadada;
}
.richtextedit table.k-editor .k-dropdown,
.richtextedit table.k-editor .k-combobox {
  width: 9em;
  margin-bottom: 3px;
  margin-top: 2px;
}
.richtextedit table.k-editor .k-moreLess {
  background-image: none;
  text-indent: 0;
  width: auto;
  font-size: 11px;
  margin: 1px 0 1px 6px;
  color: black;
  border: 1px;
  padding: 0 4px;
  line-height: 22px;
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
}
.richtextedit table.k-editor .k-fullscreen-button {
  width: 18px;
  height: 18px;
  text-indent: 0;
  background: none;
  line-height: 1.4;
  font-size: 100%;
  position: absolute;
  top: 3px;
  right: 2px;
  color: #787878;
}
.richtextedit table.k-editor .k-fullscreen-button:hover {
  color: white;
}
.richtextedit table.k-editor .icon-resize-small {
  font-size: 120%;
}
.richtextedit table.k-editor iframe.k-content {
  overflow: auto;
}
.k-ff .richtextedit .k-editable-area {
  display: block;
  /* fixes richtext resizer */

}
.k-ff .richtextedit .fullscreen .k-editable-area {
  display: table-cell;
  /* fixes richtext resizer */

}
.k-state-blurred .k-editor-toolbar-wrap {
  height: auto!important;
}
.k-editor-dialog .k-form-checkbox-row {
  display: none;
}
.hyperlink-tooltip.popover {
  background: #dfdfdf;
  opacity: 0.95;
  filter: alpha(opacity=95);
  margin-top: 0;
}
.hyperlink-tooltip.popover .popover-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hyperlink-tooltip.popover .arrow {
  display: none;
}
.richtext-fullscreen div.window-form {
  position: static;
}
.lt-ie9 .k-editor-toolbar br,
.k-ie10 .k-editor-toolbar br {
  display: none!important;
}
.workitems-container .k-grid-header,
.workitems-container .k-header {
  background-color: transparent;
}
.workitems-display-container {
  min-width: 200px;
}
.dragging tr:hover td {
  background: none;
}
.workitems-container {
  background: #f6f6f6;
}
.workitems-container .k-grid-content {
  -webkit-overflow-scrolling: touch;
}
.workitems-container .k-grid-pager {
  display: none;
}
.workitems-container .k-footer-template {
  display: none;
}
.workitems-container div.k-grid-header table {
  border-bottom: 1px solid #e6e3e3;
}
.workitems-container div.k-grid-header .k-header {
  border-right: 2px solid #eeeeee;
  border-bottom: none;
}
.workitems-container .k-loading-mask .k-loading-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: 99999px;
  background: white;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 2;
}
.workitems-container .k-grid tbody tr:hover {
  background: #eaeaea;
}
.workitems-container .k-grid tr.k-state-selected:hover {
  background: #cee2f7;
}
.workitems-container td {
  position: relative;
  font-size: 13px;
  vertical-align: top;
  cursor: default;
  padding: 10px 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid #e6e3e3;
}
.workitems-container .item-id {
  margin-top: 3px;
}
.workitems-container .type-icon a {
  font-size: 10px;
  background: #dddddd;
  color: black;
  display: inline-block;
  padding: 0 3px;
}
.workitems-container a.row-selector {
  position: absolute;
  padding: 11px 5px 9px 5px;
  margin: -9px 0 0 -3px;
  z-index: 1;
}
.workitems-grid {
  margin-left: 12px;
}
.workitems-grid .number {
  text-align: right;
  width: 100%;
  display: block;
}
.workitems-grid .rightmost-cropped {
  position: relative;
  height: 20px;
}
.workitems-grid .rightmost-cropped .wrap {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.workitems-grid .rightmost-cropped .wrap .text {
  position: absolute;
  right: 0px;
  text-align: left;
  min-width: 100%;
}
.workitems-grid tr {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
.workitems-grid tr.drag-started td {
  border-top: 5px solid rgba(0, 0, 0, 0.2);
}
.workitems-grid tr.drag-started td:first-child {
  border-left: 5px solid rgba(0, 0, 0, 0.2);
}
.workitems-grid.k-grid td span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workitems-grid.k-grid td span.parent-item {
  padding-right: 3px;
}
.workitems-grid.k-grid td span.parent-item i.icon-angle-right {
  position: relative;
  top: -1px;
  color: #999999;
  font-size: 13px;
}
.workitems-grid .dragging .k-loading-mask {
  background-color: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 9999;
}
.workitems-grid tr td:first-child {
  padding-left: 10px;
}
.workitems-grid tr td:first-child:before {
  position: absolute;
  width: 5px;
  margin-top: -5px;
  margin-left: -10px;
  display: inline-block;
  content: "";
  height: 31px;
}
.workitems-grid tr.Story td:first-child:before {
  background: #d14843;
}
.workitems-grid tr.Bug td:first-child:before {
  background: #777777;
}
.workitems-grid tr.Issue td:first-child:before {
  background: #39b2ed;
}
.workitems-grid tr.Risk td:first-child:before {
  background: #e2b076;
}
.workitems-grid tr.Feedback td:first-child:before {
  background: #2994c4;
}
.workitems-grid tr.Task td:first-child:before {
  background: #9bc3de;
}
.workitems-grid td span.title-holder {
  margin: 0 20px 0 0;
}
.workitems-grid td span.actions-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  height: 12px;
  line-height: 100%;
  padding: 2px 4px;
  color: #888888;
  font-size: 11px;
  background: #eeeeee;
  float: right;
  text-align: center;
  vertical-align: middle;
}
.workitems-grid .title-wrap {
  padding-left: 30px;
}
.workitems-grid .title-wrap.parent-column {
  padding-left: 0;
}
.workitems-grid .title-wrap,
.workitems-grid .id-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  font-size: 15px;
  line-height: 20px;
}
.workitems-grid .title-wrap span.actions-button,
.workitems-grid .id-wrap span.actions-button {
  position: absolute;
  right: 0;
}
.workitems-grid .title-wrap .item-id,
.workitems-grid .id-wrap .item-id {
  display: inline-block;
  float: none;
  line-height: 14px;
  padding-left: 3px;
  border-radius: 2px;
}
.workitems-grid .title-wrap .type-icon,
.workitems-grid .id-wrap .type-icon {
  display: none;
}
.workitems-grid .title-wrap.parent-column .item-id,
.workitems-grid .id-wrap.parent-column .item-id {
  padding-left: 0;
}
.workitems-grid .title-wrap.parent-column .type-icon,
.workitems-grid .id-wrap.parent-column .type-icon {
  display: inline-block;
}
.workitems-grid .loader-overlay {
  z-index: 2;
}
.workitems-grid .k-loading-image {
  z-index: 3;
}
.expander {
  float: left;
  width: 20px;
  cursor: pointer;
}
.expander-spacer {
  float: left;
  width: 20px;
}
.grid td {
  font-size: 14px;
}
.grid td.item-type {
  font-size: 11px;
}
.actions-button.icon-plus {
  background-position: -32px -208px;
}
.actions-button.button-label {
  font-size: 11px;
  padding: 0 4px;
  vertical-align: top;
}
.parent-item-wrapper {
  float: right;
  position: relative;
  display: inline-block;
  margin: -16px 0 0 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.parent-item-wrapper:hover,
.parent-item-wrapper.open {
  opacity: 1;
  filter: alpha(opacity=100);
}
.parent-item-wrapper.open .k-arrow-down-small {
  background-color: #d5d5d5;
}
.parent-item-wrapper .k-arrow-down-small {
  border-left: 1px solid #bbbbbb;
  margin-right: 5px;
}
.parent-item-menu {
  display: none;
  list-style: none;
  min-width: 120px;
  background: #d5d5d5;
  z-index: 10000;
  font-size: 11px;
  padding: 2px;
  position: absolute;
  top: 16px;
  right: 5px;
}
.parent-item-menu a {
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
}
.parent-item-menu a.parent-menu-item {
  color: black;
}
.parent-item-menu a.parent-menu-item:hover {
  color: #4389cc;
}
.parent-item-wrapper .actions-button {
  background-color: #dddddd;
  display: inline-block;
  height: 16px;
  color: black;
}
.parent-item-wrapper .actions-button.button-label {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.add-task .type-icon {
  margin-top: 16px;
}
.add-task {
  background-color: #ecf8fd;
}
.add-task dl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.add-task dd {
  list-style-type: none;
  margin: 0;
}
.add-task .add-task-header {
  font-size: 10px;
  color: #777777;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 110%;
  vertical-align: bottom;
  margin: 0 2px 0 0;
  padding: 0;
}
.add-task .main-properties {
  display: inline-block;
  padding-top: 4px;
}
.add-task .actions {
  display: inline-block;
  margin-left: 10px;
  padding-bottom: 4px;
}
.add-button {
  padding: 0px 2px;
}
.new-generic-task-input {
  vertical-align: middle;
  width: 310px;
  margin-right: 3px;
}
#GeneralTasksGrid input.generic-task-input {
  width: 280px;
}
#GeneralTasksGrid input.generic-task-input[readonly] {
  border-color: transparent;
  background-color: transparent;
  cursor: default;
}
.keypress {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #333333;
  color: white;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  display: none;
}
.wi-drag-hint {
  overflow: hidden;
}
.wi-drag-hint table {
  width: 100%;
  table-layout: fixed;
}
.wi-drag-hint .prioritization-disabled {
  display: block;
  color: #333333;
  font-size: 14px;
  padding-left: 5px;
}
.wi-drag-hint .prioritization-disabled i {
  color: #0064cd;
  margin-right: 5px;
}
.wi-drag-hint .prioritization-disabled .k-button {
  background-color: #707070;
  background-image: -moz-linear-gradient(top, #777777, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#666666));
  background-image: -webkit-linear-gradient(top, #777777, #666666);
  background-image: -o-linear-gradient(top, #777777, #666666);
  background-image: linear-gradient(to bottom, #777777, #666666);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0);
  border: none;
  border-radius: 2px;
  color: white;
  font-size: 13px;
  padding: 5px;
  margin: -2px 1px 0 0;
  line-height: 100%;
  display: inline-block;
}
.canPrioritizeIcon,
.cantPrioritizeIcon {
  display: inline-block;
  background: url(../Images/i-drag.png) no-repeat center center;
  cursor: n-resize;
  width: 10px;
  height: 11px;
  margin: 4px 5px 0 0;
  visibility: visible;
}
.cantPrioritizeIcon {
  background: none;
  cursor: default;
}
.prioritization-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.k-grid-pager {
  background: transparent;
}
.k-grid-pager a.k-link,
.k-grid-pager a.k-link:hover,
.k-grid-pager a.k-link:visited,
.k-grid-pager a.k-link:active {
  padding: 0;
  border: none;
  line-height: inherit;
  background-color: transparent;
}
.k-grid-pager a.k-link .k-i-arrow-e,
.k-grid-pager a.k-link:hover .k-i-arrow-e,
.k-grid-pager a.k-link:visited .k-i-arrow-e,
.k-grid-pager a.k-link:active .k-i-arrow-e {
  background-position: 0 -16px;
}
.k-grid-pager a.k-link .k-i-arrow-w,
.k-grid-pager a.k-link:hover .k-i-arrow-w,
.k-grid-pager a.k-link:visited .k-i-arrow-w,
.k-grid-pager a.k-link:active .k-i-arrow-w {
  background-position: 0 -48px;
}
.k-grid-pager a.k-link .k-i-seek-e,
.k-grid-pager a.k-link:hover .k-i-seek-e,
.k-grid-pager a.k-link:visited .k-i-seek-e,
.k-grid-pager a.k-link:active .k-i-seek-e {
  background-position: 0 -80px;
}
.k-grid-pager a.k-link .k-i-seek-w,
.k-grid-pager a.k-link:hover .k-i-seek-w,
.k-grid-pager a.k-link:visited .k-i-seek-w,
.k-grid-pager a.k-link:active .k-i-seek-w {
  background-position: 0 -112px;
}
.k-grid-pager .k-pager-numbers .k-state-selected {
  line-height: inherit;
  background: none;
  border: none;
  font-weight: bold;
  padding: 0;
}
.k-grid-pager .k-pager-numbers {
  margin: 0;
}
.k-grid-pager .k-pager-numbers .k-link,
.k-grid-pager .k-pager-numbers .k-link:hover,
.k-grid-pager .k-pager-numbers .k-link:visited,
.k-grid-pager .k-pager-numbers .k-link:active,
.k-grid-pager .k-pager-numbers .k-state-selected {
  padding: 1px 5px;
}
.km-scroll-wrapper.k-grid-content {
  overflow: auto!important;
}
.hide-loading-mask .k-loading-mask {
  display: none!important;
}
.timesheet-container .treeview-header {
  min-width: 800px;
}
.timesheet-container .gridview-subtoolbar {
  padding: 10px 10px 0;
}
#timeEntriesContainer {
  min-width: 1000px;
  border: 1px solid #dadada;
  margin-top: 5px;
}
#timeEntriesContainer .k-grid-footer {
  display: none;
}
#timeEntriesGrid table {
  table-layout: fixed;
}
#timeEntriesGrid td.hours {
  text-align: right;
}
#timeEntriesGrid td span {
  display: block;
  width: 100%;
  height: 14px;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#timeEntriesGrid .k-group-footer td {
  background: whitesmoke;
}
#timesheetWrapper .t-date,
#totalContent .t-date {
  width: 46px;
  height: 20px;
  position: relative;
}
#timesheetWrapper .t-date-no-edit,
#timesheetWrapper .t-date-no-border,
#totalContent .t-date-no-border {
  width: 46px;
  height: 20px;
}
#timesheetWrapper .t-date-no-border input[readonly],
#totalContent .t-date-no-border input[readonly] {
  border: 1px solid whitesmoke;
  width: 42px;
  background: transparent;
  font: 13px "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  color: #666666;
  outline: none;
  margin: -1px;
  padding: 1px 1px 1px 1px;
}
#timesheetWrapper .Project .t-date-no-border input[readonly] {
  font-weight: bold;
}
#timesheetWrapper .t-date-no-edit input[readonly] {
  border: 1px solid whitesmoke;
  width: 42px;
  background: transparent;
  color: #333333;
  font: 13px "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  margin: -1px;
  outline: none;
  padding: 1px;
  position: relative;
}
#timesheetWrapper .t-date-no-border.total input[readonly],
#totalContent .t-date-no-border.total input[readonly] {
  text-align: right;
}
#timesheetWrapper .t-date input,
#totalContent .t-date input {
  border: 1px solid #cccccc;
  width: 42px;
  background: white;
  font: 13px "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
  color: #333333;
  outline: none;
  margin: -1px;
  padding: 1px 1px 1px 1px;
  position: relative;
}
#totalContent .t-date input {
  background: transparent;
  border: 1px solid #dddddd;
}
#timesheetWrapper .t-date .comment {
  float: right;
  width: 12px;
  height: 19px;
  background: white url(../images/bubble.gif) no-repeat 1px 5px;
  cursor: pointer;
  opacity: 0.15;
  filter: alpha(opacity=15);
  margin: 0 0 0 -16px;
  position: relative;
  z-index: 1;
  left: -2px;
}
#timesheetWrapper .t-date .comment.hidden {
  display: none;
}
#timesheetWrapper .t-date .comment.hasNote {
  opacity: 1;
  filter: alpha(opacity=100);
}
#timesheetWrapper .t-date .comment:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#timesheetWrapper .t-date-no-edit .comment.hasNote {
  float: right;
  width: 12px;
  height: 19px;
  background: white url(../images/bubble.gif) no-repeat 1px 5px;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0 0 0 -16px;
  position: relative;
  z-index: 101;
  left: -2px;
}
#timesheetWrapper .t-title .title-content {
  margin: 0 70px 0 0;
}
@media screen {
  .timesheet-ribbon {
    min-width: 950px;
  }
  .timesheet-container {
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 950px;
    overflow: auto;
  }
  body .timesheet-container.ie9 {
    overflow: hidden;
    overflow-x: scroll;
  }
  body .timesheet-container.ie8 {
    overflow: hidden;
    overflow-x: auto;
  }
  #timesheetPane {
    position: absolute;
    top: 75px;
    left: 15px;
    bottom: 40px;
    right: 0;
    overflow: none;
    overflow-y: scroll;
    overflow-x: none;
  }
}
#totalContent {
  padding: 5px;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #eeeeee;
  overflow: hidden;
}
#totalContent td {
  padding: 0;
}
#totalContent .t-title {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  padding: 3px 0 0 10px;
}
#totalContent .t-date-no-border {
  border: 1px solid #dddddd;
}
.add-work-type-wrapper {
  float: right;
  position: relative;
  display: inline-block;
  margin: -16px 0 0 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.add-work-type-wrapper:hover,
.add-work-type-wrapper.open {
  opacity: 1;
  filter: alpha(opacity=100);
}
.add-work-type-wrapper.open .k-arrow-down-small {
  background-color: #d5d5d5;
}
.add-work-type-wrapper .k-arrow-down-small {
  border-left: 1px solid #bbbbbb;
  margin-right: 5px;
}
.add-work-type-menu {
  display: none;
  list-style: none;
  min-width: 120px;
  background: #d5d5d5;
  z-index: 10000;
  font-size: 11px;
  padding: 0;
  position: absolute;
  top: 16px;
  right: 5px;
}
.add-work-type-menu a {
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
}
.add-work-type-wrapper .actions-button {
  background-color: #dddddd;
  display: inline-block;
  height: 16px;
  color: black;
}
.add-work-type-wrapper .actions-button.button-label {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.timesheet-container .k-treeview .t-estimate {
  width: 38px;
}
.item-card-wrap {
  box-shadow: 1px 1px 3px #cccccc;
  margin-bottom: 10px;
  position: relative;
}
.item-card-wrap .parent-item-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #eeeeee;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  width: 100%;
  font-size: 11px;
  word-wrap: normal;
  border-left-width: 2px;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25px;
  z-index: 1;
}
.item-card-wrap .parent-item-info a {
  color: #444444;
  display: inline;
}
.item-card-wrap .parent-item-info a:hover {
  color: black;
}
.item-card-wrap .parent-item-info .parent-item-type {
  font-size: 10px;
  text-transform: uppercase;
}
.item-card-wrap .parent-item-info.Story {
  border-left-color: #d14843;
}
.item-card-wrap .parent-item-info.Bug {
  border-left-color: #777777;
}
.item-card-wrap .parent-item-info.Issue {
  border-left-color: #39b2ed;
}
.item-card-wrap .parent-item-info.Risk {
  border-left-color: #e2b076;
}
.item-card-wrap.no-parent-wrap {
  background: none;
  box-shadow: none;
}
.item-card,
.card-size-s .item-card-wrap.expanded .item-card {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 0 10px 0 0;
  background: white;
  overflow: hidden;
  cursor: default;
  top: 0;
  left: 0;
}
.item-card .type-icon,
.card-size-s .item-card-wrap.expanded .item-card .type-icon {
  display: none;
}
.item-card .item-id,
.card-size-s .item-card-wrap.expanded .item-card .item-id {
  padding-left: 3px;
}
.item-card h1,
.card-size-s .item-card-wrap.expanded .item-card h1 {
  margin: 0;
  padding: 5px 0 10px;
  font-size: 14px;
  font-weight: 400;
  clear: both;
  color: #333333;
}
.item-card h1.blocking,
.card-size-s .item-card-wrap.expanded .item-card h1.blocking {
  color: #ff4444;
}
.item-card .item-assigned-to,
.card-size-s .item-card-wrap.expanded .item-card .item-assigned-to {
  float: left;
  margin: 4px 0 0 0;
}
.item-card .item-assigned-to img,
.card-size-s .item-card-wrap.expanded .item-card .item-assigned-to img {
  width: 24px;
  height: 24px;
}
.item-card .item-parent,
.card-size-s .item-card-wrap.expanded .item-card .item-parent {
  padding-right: 4px;
}
.item-card .item-parent .icon-angle-right,
.card-size-s .item-card-wrap.expanded .item-card .item-parent .icon-angle-right {
  color: #999999;
}
.item-card .item-details .label,
.card-size-s .item-card-wrap.expanded .item-card .item-details .label {
  display: block;
  font-size: 11px;
  color: #999999;
}
.item-card .item-details .item-status,
.card-size-s .item-card-wrap.expanded .item-card .item-details .item-status,
.item-card .item-details .item-estimate,
.card-size-s .item-card-wrap.expanded .item-card .item-details .item-estimate,
.item-card .item-details .item-tasks,
.card-size-s .item-card-wrap.expanded .item-card .item-details .item-tasks {
  float: right;
  margin-left: 10px;
}
.item-card .item-details .item-tasks .value,
.card-size-s .item-card-wrap.expanded .item-card .item-details .item-tasks .value {
  font-size: 11px;
  line-height: 14px;
  vertical-align: top;
}
.item-card .item-details .item-status .value,
.card-size-s .item-card-wrap.expanded .item-card .item-details .item-status .value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.item-card:hover,
.card-size-s .item-card-wrap.expanded .item-card:hover {
  background: #eaeaea;
}
.item-card .drag-handle,
.card-size-s .item-card-wrap.expanded .item-card .drag-handle {
  cursor: move;
  float: left;
}
.item-card .item-id,
.card-size-s .item-card-wrap.expanded .item-card .item-id {
  cursor: pointer;
}
.board .k-state-selected {
  background: none;
}
.board .k-state-selected .item-card {
  background: #e0edfa;
}
.board .k-state-selected .item-card:hover {
  background: #cee2f7;
}
.card-size-s .board-wide .board-row-cell .board-column {
  padding-right: inherit;
}
.card-size-s .board-wide .board-row-cell .item-card-wrap {
  width: inherit;
  height: inherit;
}
.card-size-s .board-wide .board-row-cell .item-card {
  width: inherit;
  height: inherit;
}
.item-card.drag-hint {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.lt-ie9 .board .item-status {
  max-width: 100px;
}
.card-size-s .board-row-cell .item-card-wrap {
  float: left;
  margin: 0 4px 4px 0;
}
.card-size-s .board-row-cell .item-card-wrap .item-card {
  border: 0;
  margin: 0;
  padding: 0;
  width: 13px;
  height: 14px;
  cursor: pointer;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Story {
  background: #d14843;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Task {
  background: #9bc3de;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Bug {
  background: #777777;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Issue {
  background: #39b2ed;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Risk {
  background: #e2b076;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Feedback {
  background: #2994c4;
}
.card-size-s .board-row-cell .item-card-wrap .item-card.Blocking {
  background: red;
}
.card-size-s .board-row-cell .item-card-wrap header,
.card-size-s .board-row-cell .item-card-wrap .item-details,
.card-size-s .board-row-cell .item-card-wrap .parent-item-info {
  display: none;
}
.card-size-s .board-row-cell .item-card-wrap.expanded {
  position: absolute;
  z-index: 9;
  margin: 0;
  background: white;
}
.card-size-s .board-row-cell .item-card-wrap.expanded .item-card {
  border-left: 2px solid;
  width: 100%;
  height: auto;
  background: inherit;
}
.card-size-s .board-row-cell .item-card-wrap.expanded .item-id {
  margin: 3px 5px 0 0;
}
.card-size-s .board-row-cell .item-card-wrap.expanded .type-icon {
  margin-right: 4px;
}
.card-size-s .board-row-cell .item-card-wrap.expanded header,
.card-size-s .board-row-cell .item-card-wrap.expanded .item-details,
.card-size-s .board-row-cell .item-card-wrap.expanded .parent-item-info {
  display: inherit;
}
.card-size-s .board-row-cell .item-card-wrap.expanded .blocking-flag {
  display: inline-block;
}
.card-size-s .board-row-cell .item-card-wrap.expanded .type-icon:after {
  display: inline-block;
}
.card-size-s .board-row-cell .show-more {
  width: 13px;
  height: 14px;
  margin: 1px 3px;
  padding: 0;
  border: none;
  position: static;
  background: transparent;
  float: left;
  box-shadow: none;
  cursor: pointer;
  line-height: 1;
  margin: 0;
}
.card-size-s .board-row-cell .show-more div {
  background: transparent;
  border: none;
  margin: 0;
  position: static;
}
.card-size-s .board-row-cell .show-more:hover,
.card-size-s .board-row-cell .show-more div:hover {
  background: transparent;
}
.card-size-s .board-row-cell .show-more .showmore-text {
  padding: 0 1px;
}
.card-size-s .board-row-cell .show-more .showmore-text span {
  display: none;
}
.card-size-s .board-row-cell .show-more .showmore-text span.ellipsis {
  display: inline-block;
}
.card-size-s .board-row-cell .expanded .item-card {
  padding: 5px;
  margin: 0;
}
.card-size-s .board-row-cell .expanded .item-card .drag-handle {
  display: none;
}
.card-size-s .board-row-cell .expanded .item-card:hover {
  background: white;
}
.card-size-s .board-row-cell .square-gap {
  margin: 0 4px 4px 0;
  display: block;
  height: 14px;
  float: left;
}
.card-size-xl.no-columns .item-card-wrap {
  width: 100%;
  max-width: 200px;
  height: 125px;
  float: left;
  margin: 0 10px 10px 0;
}
.card-size-xl.no-columns .item-estimate {
  position: absolute;
  bottom: 5px;
  right: 15px;
}
.card-size-xl.no-columns h1 {
  height: 45px;
  overflow: hidden;
}
.card-size-xl .board-row-cell .item-card {
  padding: 7px 10px;
  height: 100%;
}
.card-size-xl .board-row-cell .item-card .parent-item-info {
  margin: -7px -10px 5px -10px;
  padding: 7px 10px 7px 10px;
}
.card-size-xl .board-row-cell .item-card .item-assigned-to {
  position: absolute;
  bottom: 4px;
}
.card-size-xl .board-row-cell .item-card .item-assigned-to img {
  max-width: 16px;
  max-height: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-size-xl .board-row-cell .item-card .item-assigned-to img:hover {
  max-width: 32px;
  max-height: 32px;
}
.card-size-xl .board-row-cell .item-card h1 {
  font-size: 12px;
  padding: 5px 0;
}
.card-size-xl .board-row-cell .item-card .item-estimate {
  font-size: 12px;
  margin: 2px 0 0;
}
.card-size-xl .board-row-cell .item-card .item-estimate .label {
  display: none;
}
.card-size-xl .board-row-cell .item-card .tfs,
.card-size-xl .board-row-cell .item-card .item-status {
  display: none;
}
.card-size-xl .board-row-cell .item-card .no-estimate {
  visibility: hidden;
}
.card-size-xl .board-row-cell .item-card.child-card {
  padding-top: 30px;
}
.card-size-xl .board-row-cell .show-more {
  width: 100%;
  max-width: 200px;
  font-size: 12px;
  float: left;
}
.card-size-xl .board-row-cell .show-more .showmore-text {
  padding-top: 4px;
}
.card-size-xl .board-row-cell .board-wide .board-column {
  padding-right: 0;
}
.card-size-xl .board-row-cell .board-wide .item-card-wrap {
  float: left;
  width: 220px;
  height: 100px;
  margin-right: 10px;
}
.card-size-xl .board-row-cell .board-wide .item-card-wrap h1 {
  height: 48px;
  overflow: hidden;
}
.card-size-xl .board-row-cell .board-wide .item-card {
  width: 220px;
  height: 90px;
}
.card-size-xxl .board-row-cell .item-card.child-card {
  padding-top: 30px;
}
.card-size-xxl .board-row-cell .show-more {
  height: 30px;
}
.card-size-xxl .board-row-cell .show-more .showmore-text {
  padding: 4px 5px;
}
html:not(.k-safari) .card-size-l:not(.board-wide-column) .board th:not(.board-row-header),
html:not(.k-safari) .card-size-l:not(.board-wide-column) .board td:not(.board-row-header) {
  width: auto;
}
.card-size-l .board-row-cell .blocking-flag {
  margin-bottom: 3px;
}
.card-size-l .board-row-cell .item-card {
  padding: 5px;
}
.card-size-l .board-row-cell .item-card h1 {
  font-size: 11px;
  padding: 0;
}
.card-size-l .board-row-cell .show-more {
  float: left;
  width: 110px;
  font-size: 11px;
}
.card-size-l .board-row-cell .show-more .showmore-text {
  padding-top: 4px;
}
.card-size-l .board-row-cell .tfs,
.card-size-l .board-row-cell .item-estimate .label,
.card-size-l .board-row-cell .item-status,
.card-size-l .board-row-cell .item-id,
.card-size-l .board-row-cell .parent-item-info {
  display: none;
}
.card-size-l .board-row-cell .no-estimate {
  visibility: hidden;
}
.card-size-l .board-row-cell .board-column {
  padding-right: 0;
}
.card-size-l .board-row-cell .item-estimate {
  font-size: 11px;
  margin-top: 2px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.card-size-l .board-row-cell .item-estimate:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card-size-l .board-row-cell .item-assigned-to {
  position: absolute;
  bottom: 2px;
}
.card-size-l .board-row-cell .item-assigned-to img {
  max-width: 16px;
  max-height: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-size-l .board-row-cell .item-assigned-to img:hover {
  max-width: 32px;
  max-height: 32px;
}
.card-size-l .board-row-cell .item-card-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 110px;
  height: 60px;
  margin-right: 10px;
}
.card-size-l .board-row-cell .item-card-wrap h1 {
  height: 31px;
  overflow: hidden;
}
.card-size-l .board-row-cell .item-card-wrap h1.blocking {
  height: 17px;
}
.card-size-l .board-row-cell .item-card {
  width: 110px;
  height: 60px;
}
html:not(.k-safari) .card-size-m:not(.board-wide-column) .board th:not(.board-row-header),
html:not(.k-safari) .card-size-m:not(.board-wide-column) .board td:not(.board-row-header) {
  width: auto;
}
.card-size-m .board-row-cell .blocking-flag {
  margin-bottom: 3px;
}
.card-size-m .board-row-cell .item-card {
  padding: 5px;
}
.card-size-m .board-row-cell .item-card h1 {
  font-size: 11px;
  padding: 0;
}
.card-size-m .board-row-cell .show-more {
  float: left;
  width: 64px;
  height: 38px;
  font-size: 11px;
}
.card-size-m .board-row-cell .tfs,
.card-size-m .board-row-cell .item-estimate,
.card-size-m .board-row-cell .item-status,
.card-size-m .board-row-cell .item-assigned-to,
.card-size-m .board-row-cell .item-id,
.card-size-m .board-row-cell .parent-item-info {
  display: none;
}
.card-size-m .board-row-cell .board-column {
  padding-right: 0;
}
.card-size-m .board-row-cell .item-card-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 65px;
  height: 44px;
  margin-right: 5px;
}
.card-size-m .board-row-cell .item-card-wrap h1 {
  height: 31px;
  overflow: hidden;
}
.card-size-m .board-row-cell .item-card-wrap h1.blocking {
  height: 17px;
}
.card-size-m .board-row-cell .item-card {
  width: 65px;
  height: 44px;
}
.board-column-settings,
.board-row-settings {
  position: absolute;
  right: 0;
}
.board-column-settings .row-configure-button,
.board-row-settings .row-configure-button,
.board-column-settings .column-configure-button,
.board-row-settings .column-configure-button {
  margin: 0 3px;
  line-height: 15px;
  border-radius: 3px;
  padding: 0;
}
.board-column-settings .row-configure-button .dropdown-button,
.board-row-settings .row-configure-button .dropdown-button,
.board-column-settings .column-configure-button .dropdown-button,
.board-row-settings .column-configure-button .dropdown-button {
  padding: 2px 4px;
  background: none;
  border: none;
  margin: 0;
  line-height: inherit;
  display: block;
}
.board-column-settings .row-configure-button .dropdown-button-icon,
.board-row-settings .row-configure-button .dropdown-button-icon,
.board-column-settings .column-configure-button .dropdown-button-icon,
.board-row-settings .column-configure-button .dropdown-button-icon {
  display: none;
}
.board {
  table-layout: fixed;
  width: 100%;
  min-height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}
.board th {
  font-size: 14px;
}
.board th .col-title {
  padding: 1px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  margin: 0 35px 0 0;
}
.board th .wip {
  float: right;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  border-radius: 3px;
  line-height: 18px;
}
.board th .wip .wip-box {
  display: inline-block;
  text-align: center;
  min-width: 17px;
  padding: 0 2px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  background: white;
  position: relative;
}
.board th .wip .board-wip-max,
.board th .wip .board-wip-min {
  border-color: transparent;
}
.board th .wip .board-wip-max span,
.board th .wip .board-wip-min span {
  position: relative;
  top: 3px;
}
.board th .wip .board-wip-max small,
.board th .wip .board-wip-min small {
  position: absolute;
  top: 0;
  line-height: 1;
  left: 1px;
  right: 1px;
  text-align: center;
  font-size: 9px;
}
.board th .wip .board-wip-min {
  background: #ffc40d;
  color: white;
}
.board th .wip .board-wip-max {
  background: red;
  color: white;
}
.board td,
.board th {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 0;
  width: 200px;
  word-wrap: break-word;
  position: relative;
}
.board th .board-header-content-wrap {
  min-height: 20px;
}
.board th .board-header-content-wrap,
.board .board-column {
  padding: 10px 10px 5px;
}
.board .board-header-content-wrap {
  position: relative;
}
.board .board-column-less-than-min {
  background: #fff6df;
}
.board .board-column-more-than-max {
  background: #ffe4e4;
}
.board tr td:last-child,
.board tr th:last-child {
  border-right: none;
}
.board tr.grouping-row td {
  padding: 0;
}
.board tr.grouping-row td h1 {
  background: whitesmoke;
  padding: 7px 10px;
  margin: 5px 0;
}
.board tr.grouping-row td h1 span {
  font-size: 13px;
  font-weight: normal;
}
.board .k-listview {
  background: none;
  border: none;
}
.board .drop-targets {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: absolute;
  background: #dddddd;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  cursor: not-allowed;
}
.board .drop-targets .drop-target-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 2px dashed #cecece;
  margin: 10px;
  display: table-cell;
  vertical-align: middle;
}
.board .drop-targets .drop-target {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: table-row;
  word-wrap: break-word;
}
.board .drop-targets .drop-target.hidden {
  display: none;
}
.board .drop-targets .drop-target.active .drop-target-inner {
  background: #fff6df;
}
.board .drop-targets-table {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.board .board-column {
  position: relative;
  padding-bottom: 30px;
}
.board .show-more {
  color: #333333;
  font-size: 14px;
  margin: 0 0 0 6px;
  position: relative;
  top: 6px;
}
.board .loading.show-more {
  background: transparent;
  border: transparent;
}
.board .loading.show-more:hover {
  background: transparent;
}
.board .loading.show-more div {
  display: none;
}
.board .loading.show-more .k-loading-image {
  position: static;
  display: block;
  width: 20px;
  height: 18px;
  background-color: transparent;
  margin: 0;
}
.board .show-more,
.board .show-more div {
  border: 1px solid #cccccc;
  background: white;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  height: 25px;
}
.board .show-more .k-loading-image,
.board .show-more div .k-loading-image {
  display: none;
}
.board .show-more:hover,
.board .show-more div:hover,
.board .show-more:hover div,
.board .show-more div:hover div {
  background: #eaeaea;
}
.board .show-more .showmore-text,
.board .show-more div .showmore-text {
  padding: 2px 5px;
  display: inline-block;
}
.board .show-more div {
  position: relative;
  bottom: 4px;
  right: 4px;
  width: 100%;
  height: 100%;
}
.board-multiple-rows tr.board-active-row {
  background: #fcf8c7;
}
.workitems-container .k-grid .board tbody tr:hover {
  background: none;
}
.workitems-container .k-grid table.board {
  width: 97%;
}
.board-header {
  position: absolute;
  left: 5px;
  right: 17px;
  overflow: hidden;
  height: 38px;
}
.touch .board-header {
  right: 0;
}
.board-table {
  position: absolute;
  top: 36px;
  left: 5px;
  right: 0;
  bottom: 32px;
  overflow: scroll;
}
.board-table .board {
  height: 100%;
}
.board-limit-reached {
  height: 30px;
  margin-top: -30px;
  text-align: center;
}
.board-limit-reached .msg-text {
  display: inline-block;
  background: #dddddd;
  padding: 5px 10px;
}
.drag-hint .item-card {
  cursor: move;
}
.drag-hint.not-allowed .item-card {
  cursor: not-allowed;
}
.drag-hint .item-card {
  margin: 0;
}
.board-container {
  position: static;
}
.board-container .loader-overlay {
  top: 36px;
}
.board-container .k-loading-image {
  position: absolute;
}
.board-row-header .item-card {
  background: #eeeeee;
  border-left: none;
}
.board-row-header .item-card .item-id {
  padding-left: 0;
}
.board-row-header .item-card .type-icon {
  display: inline-block;
}
.board-row-header .item-card.no-parent {
  background: none;
  box-shadow: none;
  padding: 0;
}
.board-row-header .item-card.no-parent h1 {
  clear: none;
  padding: 0;
}
.board-row-header .item-card.child-card {
  padding-top: 30px;
}
.board-row-header .k-state-selected .item-card.no-parent {
  background: none;
}
.board-pager {
  text-align: right;
  position: absolute;
  padding: 8px 14px;
  bottom: 0px;
  height: 16px;
  left: 0px;
  right: 0px;
  background: #eeeeee;
  border-top: 1px solid #dddddd;
}
.board-pager .pager-controls {
  float: left;
}
.board-pager .pager-text {
  float: right;
}
.board-pager .page-controls > a {
  position: relative;
  top: -1px;
}
.touch .item-card {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
.board-placeholder .item-card {
  border: 1px dashed #c2c2c2;
  background: #e1e1e1;
}
.group-item-count {
  border: 1px solid #e2e2e2;
  padding: 0 3px;
  border-radius: 2px;
  display: inline-block;
  text-shadow: 0 0 1px white;
  font-size: 11px;
  background: white;
  min-width: 10px;
  text-align: center;
}
.iteration-card {
  background: #eeeeee;
  box-shadow: 1px 1px 3px #cccccc;
  padding: 10px;
  overflow: hidden;
}
.iteration-card .iteration-settings,
.iteration-card .iteration-burndown {
  float: left;
  margin: 5px 5px 0 0;
}
.iteration-card .iteration-settings i,
.iteration-card .iteration-burndown i,
.iteration-card .iteration-settings a,
.iteration-card .iteration-burndown a {
  position: relative;
  top: 1px;
  font-size: 14px;
  height: 14px;
}
.iteration-card .iteration-burndown {
  left: 30px;
  height: 22px;
}
.iteration-card .iteration-burndown a {
  background-position: 0 -100px;
  width: 16px;
  height: 14px;
  display: inline-block;
  top: 2px;
}
.iteration-card header {
  min-height: 22px;
  overflow: hidden;
  word-wrap: break-word;
}
.iteration-card .iteration-path,
.iteration-card .iteration-name {
  display: block;
  margin-right: 30px;
}
.iteration-card .iteration-path {
  font-size: 11px;
  color: #666666;
}
.iteration-card .iteration-name {
  font-size: 14px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iteration-card .iteration-dates {
  color: #777777;
  padding: 7px 0 0 0;
  font-size: 11px;
}
.iteration-card .iteration-capacity {
  color: #333333;
  overflow: hidden;
  font-size: 11px;
  padding: 7px 0;
}
.iteration-card .iteration-capacity table {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
.iteration-card .iteration-capacity td,
.iteration-card .iteration-capacity th {
  padding: 0;
  border: none;
  text-align: right;
  width: auto;
}
.iteration-card .iteration-capacity th {
  text-transform: capitalize;
  font-size: 11px;
  color: #777777;
  font-weight: normal;
}
.popover.board-field-selector {
  margin-top: -15px;
}
/*Capacity Progress Bar*/

.capacity-progress-box {
  height: 20px;
  position: relative;
}
.capacity-progress-box .capacity-progress {
  width: 100%;
  height: 6px;
  position: relative;
  margin-top: 30px;
  background-color: #eeeeee;
}
.capacity-progress-box .capacity-progress-unset {
  position: relative;
  height: 6px;
  background-color: #dddddd;
}
.capacity-progress-box .capacity-progress-unset .capacity-progress-index-start {
  position: absolute;
  top: -20px;
}
.capacity-progress-box .capacity-progress-unset .capacity-progress-index-end {
  position: absolute;
  top: -20px;
  right: 0;
}
.capacity-progress-box .capacity-progress-set {
  position: absolute;
  height: 6px;
  background-color: #92c500;
}
.capacity-progress-box .capacity-progress-set:hover {
  background-color: #a8d324;
}
.capacity-progress-box .capacity-progress-warning {
  position: relative;
  height: 6px;
  background-color: #ffbd21;
}
.capacity-progress-box .capacity-progress-warning:hover {
  background-color: #ffd060;
}
.capacity-progress-box .capacity-progress-warning .capacity-progress-index-null {
  position: absolute;
  top: -20px;
}
.capacity-progress-box .capacity-progress-error {
  position: relative;
  height: 6px;
  background-color: #f03131;
}
.capacity-progress-box .capacity-progress-error:hover {
  background-color: #ff5f5f;
}
.capacity-progress-box .capacity-progress-index-current {
  position: absolute;
  top: 10px;
  right: 0px;
}
.board-wide-column td,
.board-wide-column th {
  width: auto;
}
.board td.board-row-header > div {
  margin: 10px;
}
.board td.board-row-header,
.board th.board-row-header {
  width: 250px;
  word-wrap: break-word;
}
.item-card {
  border-left-width: 2px;
  border-left-style: solid;
}
.item-card.Story,
.card-size-s .board-row-cell .expanded .item-card.Story {
  border-left-color: #d14843;
}
.item-card.Task,
.card-size-s .board-row-cell .expanded .item-card.Task {
  border-left-color: #9bc3de;
}
.item-card.Bug,
.card-size-s .board-row-cell .expanded .item-card.Bug {
  border-left-color: #777777;
}
.item-card.Issue,
.card-size-s .board-row-cell .expanded .item-card.Issue {
  border-left-color: #39b2ed;
}
.item-card.Risk,
.card-size-s .board-row-cell .expanded .item-card.Risk {
  border-left-color: #e2b076;
}
.item-card.Feedback,
.card-size-s .board-row-cell .expanded .item-card.Feedback {
  border-left-color: #2994c4;
}
/* Board configuration mixins: */

.board-column-configure-wrapper ul,
.board-column-configure-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.board-column-configure-wrapper ul ul {
  margin: 0 0 0 38px;
}
.board-column-configure-wrapper .section-content .field-group {
  background: #eaeaea;
  padding: 5px 5px 5px 20px;
  margin: 2px 0;
  position: relative;
}
.board-column-configure-wrapper .section-content .field-group label {
  display: block;
}
.board-column-configure-wrapper label.group-statuses {
  border-top: 1px solid #e2e2e2;
  font-size: 11px;
  padding: 1px 0 0 0px;
  margin-left: 38px;
  margin-top: 1px;
  display: block;
}
.board-column-configure-wrapper label.group-statuses input {
  position: relative;
  top: 2px;
}
.board-column-configure-wrapper span.group-collapser {
  position: absolute;
  top: 6px;
  left: 4px;
  cursor: pointer;
}
.board-column-configure-wrapper .show-as-separate-button.small.k-button {
  margin: 10px 0;
}
.row-field-advanced-options .filter-group-label {
  display: none;
}
.user-badge img {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 10px 0 0;
}
.user-badge .user-name {
  font-weight: bold;
  font-size: 14px;
}
.timeline {
  border-spacing: 0;
  border-collapse: collapse;
}
.timeline td,
.timeline th {
  height: 30px;
  border: 1px solid #eeeeee;
}
.timeline td .td-wrapper {
  position: relative;
  margin: 0 -10px;
  width: 100%;
  clear: both;
  overflow: hidden;
  margin: 0 0 1px;
}
.allocation-bar {
  height: 29px;
  font-size: 14px;
  font-weight: bold;
  float: left;
  background: #eeeeee;
  padding: 6px;
  color: #cccccc;
  box-sizing: border-box;
  border-right: 1px solid white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allocation-bar.days-off {
  background-color: #ffb41b;
  background-image: -moz-linear-gradient(top, #ffbd21, #ffa713);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffbd21), to(#ffa713));
  background-image: -webkit-linear-gradient(top, #ffbd21, #ffa713);
  background-image: -o-linear-gradient(top, #ffbd21, #ffa713);
  background-image: linear-gradient(to bottom, #ffbd21, #ffa713);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbd21', endColorstr='#ffffa713', GradientType=0);
  color: white;
}
.allocation-bar.empty {
  background: none;
}
.allocation-bar.project-work {
  background-color: #42bae6;
  background-image: -moz-linear-gradient(top, #50c0e9, #2cb1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50c0e9), to(#2cb1e1));
  background-image: -webkit-linear-gradient(top, #50c0e9, #2cb1e1);
  background-image: -o-linear-gradient(top, #50c0e9, #2cb1e1);
  background-image: linear-gradient(to bottom, #50c0e9, #2cb1e1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50c0e9', endColorstr='#ff2cb1e1', GradientType=0);
  color: white;
}
.allocation-bar div span {
  font-weight: normal;
}
#peopleGrid .user-pic {
  float: left;
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin-right: 10px;
  display: block;
}
#peopleGrid .user-pic img {
  display: block;
  max-width: 32px;
  max-height: 32px;
}
#peopleGrid .user-name {
  line-height: 32px;
}
#peopleGrid .k-chart svg > path {
  display: none;
}
#peopleGrid td {
  overflow: visible;
}
#peopleGrid .k-loading-mask {
  display: none;
}
/* USER ACTIVITY CHART */

.activity-wrap {
  width: 100px;
  padding: 0;
  margin: 0;
}
.activity-wrap ul {
  list-style-type: none;
}
.activity-wrap li {
  position: relative;
  float: left;
  width: 14px;
  height: 30px;
  list-style-type: none;
}
.activity-wrap li li:hover {
  background: #e5e5e5;
}
.activity-wrap li a {
  display: block;
  height: 100%;
  padding-left: 3px;
  padding-right: 3px;
}
.activity-wrap li a:hover .bar {
  background: #2d7bb2;
}
.activity-wrap li a.weekend {
  background-color: #d2eaf2;
}
.activity-wrap li a.inactive {
  background-color: #fbecec;
}
.activity-wrap li a.inactive .bar {
  background-color: red;
}
.activity-wrap li a .bar {
  display: block;
  position: absolute;
  bottom: 0;
  height: 0;
  width: 8px;
  background: #aaaaaa;
  text-indent: -9999px;
  overflow: hidden;
}
#iteration-list ul {
  list-style-type: none;
  padding-left: 0px;
}
.project-row {
  padding: 0 0 18px;
  overflow: hidden;
}
.project-row .column {
  float: left;
}
.project-row h3 {
  margin: 0;
  padding: 0;
  line-height: 21px;
}
.activity-tooltip-header {
  font-weight: bold;
  margin-bottom: 10px;
}
.item-actions .k-icon {
  vertical-align: top;
  border-radius: 2px;
  background-position: -32px -208px;
}
.item-actions .button-menu {
  display: block;
  position: absolute;
  top: 20px;
  left: -82px;
  width: 180px;
  background: white;
  box-shadow: 0 0 3px #cccccc;
  z-index: 99999;
}
.item-actions .button-menu:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  left: 83px;
  top: -6px;
}
.daysLate,
.lateItems,
.unplannedStories {
  line-height: 110%;
}
.daysLate .bad,
.lateItems .bad {
  color: #e61f26;
  font-weight: bold;
}
.daysLate .good,
.lateItems .good {
  color: #8bc03e;
  font-weight: bold;
}
.lateItems {
  position: relative;
}
.lateItems div.progress-wrap {
  position: relative;
  background-color: #cccccc;
  border: none;
  height: 21px;
}
.lateItems div.progress-value {
  height: 21px;
}
.lateItems div.progress-text {
  color: white;
}
.lateItems div.s-warning {
  background-color: #f1971f;
}
.lateItems div.good {
  background-color: #8bc03e;
}
.lateItems div.bad {
  background-color: #e61f26;
}
.unplannedStories {
  position: relative;
}
.unplannedStories div.progress-wrap {
  position: relative;
  background-color: #cccccc;
  border: none;
  height: 21px;
}
.unplannedStories div.progress-value {
  height: 21px;
}
.unplannedStories div.progress-text {
  color: white;
}
.unplannedStories div.bad {
  background-color: #e61f26;
}
.unplannedStories div.s-warning {
  background-color: #f1971f;
}
.lt-ie9 .iteration-detail {
  max-width: 99%;
  overflow: hidden;
}
.iteration-detail .tabstrip {
  min-width: 550px;
  background: none;
  border: none;
  padding: 0;
  margin-right: 340px;
}
.iteration-detail h4 {
  margin-top: 5px;
}
.iteration-detail h4 span {
  float: left;
  display: block;
  margin-right: 10px;
}
.iteration-detail h4 .blockingCount {
  float: left;
}
.iteration-detail .detail-block.k-content {
  border: 5px solid #d8d8d8;
  background: white;
}
.iteration-detail .detail-block ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
.iteration-detail .detail-block .item-title {
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.iteration-detail .k-grid-header {
  background: none;
}
.iteration-detail .k-grid-header-wrap {
  border: none;
}
.k-grid tbody .k-button.customize-project {
  min-width: 16px;
}
.progress-wrap {
  position: relative;
  background: #cccccc;
}
.progress-value {
  background-color: #999999;
}
.progress-text {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-align: center;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
}
.progress-wrap,
.progress-value,
.progress-text {
  width: 124px;
  height: 21px;
}
.progress-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  background: #555555;
  height: 21px;
}
.progress-line:hover {
  background: #666666;
  cursor: help;
}
.items-bar:hover {
  cursor: help;
}
.burndown-wrap {
  height: 50px;
  width: 100px;
  margin-left: -15px;
}
.burndown-wrap svg > path {
  display: none;
}
.detail-block.burndown-wrap {
  display: block;
  height: 254px;
  width: 320px;
  float: right;
}
.detail-block.burndown-wrap > .burndown-chart {
  height: 227px;
  width: 300px;
}
.detail-block.burndown-wrap > .burndown-chart svg {
  width: 320px;
}
.burndown-select {
  font-size: 13px;
  margin-left: 7px;
}
.burndown-select > * {
  display: inline-block;
  min-height: 20px;
  vertical-align: middle;
}
#iterationsGrid .k-loading-mask {
  display: none;
}
.my-perspective-content {
  min-width: 630px;
}
.reportsList {
  border: none;
  padding: 15px 20px;
  list-style: none;
  margin: 0;
  background: none;
  overflow: hidden;
  min-width: 400px;
}
.reportsList li {
  margin: 0 0 10px 0;
  box-shadow: 0 0 4px #cccccc;
  padding: 10px 20px;
  cursor: pointer;
  background: white;
  *zoom: 1;
}
.reportsList li:before,
.reportsList li:after {
  display: table;
  content: "";
  line-height: 0;
}
.reportsList li:after {
  clear: both;
}
.reportsList li h3 {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  padding: 0;
  margin: 0;
  float: left;
  max-width: 220px;
  line-height: 16px;
}
.reportsList li p {
  margin: 0 0 0 220px;
  padding: 0;
  line-height: 16px;
}
.reportsList li:hover {
  background: #eaeaea;
}
.report-group {
  padding: 20px 40px 0;
  margin: 0;
  font-size: 20px;
}
.report-parameters {
  background: whitesmoke;
  padding: 14px 14px 11px 14px;
}
.report-parameters .property {
  float: left;
  margin: 0 20px 10px 0;
}
.report-parameters .property:first-child {
  margin-bottom: 9px;
}
.report-parameters .property .label {
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
  text-transform: uppercase;
  font-size: 11px;
  text-align: left;
  color: #7e7c7c;
}
.report-parameters .property label {
  display: block;
  width: 100%;
}
.report-parameters .property .value {
  margin: 0;
}
.report-parameters .actions {
  margin: 10px 0 0 0;
}
.report-parameters .dropdown-button {
  width: 13.6em;
}
.reports-content {
  overflow-y: hidden;
  overflow-x: auto;
}
.reports-viewer-container {
  position: absolute;
  top: 69px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #eeeeee;
}
.touch .reports-viewer-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.report-parameters,
.reports-viewer-container {
  min-width: 770px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* -- Planning
   -------------------------------------------------------- */

.link-dropdown {
  position: relative;
}
.link-dropdown > a {
  display: inline-block;
  padding: 2px 0;
}
.link-dropdown.open > a {
  background: #eeeeee;
}
.link-dropdown ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 18px;
  left: 0;
  width: 100px;
  background: #eeeeee;
  z-index: 1000;
  display: none;
  list-style: none;
}
.link-dropdown.open ul {
  display: block;
}
.link-dropdown ul a {
  display: block;
  padding: 5px 5px;
}
.link-dropdown ul a:hover {
  background: #e6e6e6;
}
.planning-tree {
  margin: 0;
  padding: 0;
  list-style: none;
}
.planning-tree ul {
  margin: 0;
  padding: 0;
}
.planning-tree ul li {
  margin-left: 30px;
}
.planning-tree .group-heading {
  background: whitesmoke;
  padding: 10px;
}
.planning-tree .group-heading .k-icon {
  float: left;
  margin: 5px 0 0 -3px;
}
.planning-tree .group-heading .group-name {
  font-size: 16px;
  display: block;
}
.planning-tree .capacity {
  width: 200px;
  background: #dddddd;
  display: inline-block;
}
.planning-tree .capacity-booked {
  background: #8cbe29;
  display: inline-block;
}
.planning-tree .group-heading input {
  visibility: hidden;
  font-size: 12px;
}
.planning-tree .group-heading:hover input {
  visibility: visible;
}
.planning-tree .iteration-heading {
  margin: 10px 0 0 0;
  padding: 5px;
  background: whitesmoke;
  overflow: hidden;
}
.planning-tree .iteration-heading .iteration-name {
  display: block;
  font-weight: bold;
}
.planning-tree .iteration-heading .k-icon {
  float: left;
  margin: 2px 0 0 -3px;
}
.planning-tree .iteration-items {
  margin: 0 0 0 15px;
}
.flex .admin .main-pane-inner {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.admin .main-pane-inner {
  position: relative;
  height: 100%;
}
.admin #sidemenu .k-treeview {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.admin #AdminNavigation {
  padding: 0;
  background: transparent;
}
#MainContainer {
  font-size: 13px;
  max-width: 660px;
}
#MainContainer .value {
  word-wrap: normal;
}
.admin .main-pane-inner {
  min-width: 500px;
}
#toolbar > * {
  float: left;
  margin-left: 5px;
}
#toolbar .legend {
  float: left;
  text-transform: capitalize;
  font-weight: normal;
  color: #333333;
  padding: 0;
  margin: 0;
}
#toolbar .toolbar-text {
  padding: 5px;
}
.notifications-section {
  min-width: 800px;
}
/* Overrides .t-grid */

.t-grid .t-header,
.t-grid .t-last-header,
.t-grid .t-header .t-link {
  color: #787878;
  text-transform: uppercase;
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
}
.t-grid .t-alt {
  background: whitesmoke;
}
.t-grid td {
  border: none;
  line-height: 2.5;
  color: #333333;
}
.t-grid th.t-header {
  border: none;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0px;
  color: #777777;
}
.t-grid .t-header:hover {
  background: whitesmoke;
}
.t-grid .t-header .t-link {
  color: #777777;
  letter-spacing: normal;
}
.t-grid tr td:first-child {
  min-width: 40px;
}
.createUser {
  clear: both;
  padding: 0 0 15px;
  font-size: 12px;
}
.createUser a {
  color: #555555;
}
.ext-text-ad {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ext-text-ad li {
  float: left;
  margin: 0 10px 10px 0;
}
.ext-text-ad li a {
  display: block;
  background: #eeeeee;
  padding: 20px;
  line-height: 110%;
  font-size: 24px;
  width: 200px;
  height: 100px;
  font-family: "Segoe UI Light", "Segoe UI", Arial, Sans-Serif;
  font-weight: 100;
}
.ext-text-ad li span {
  display: block;
  margin: 5px 0 0 0;
  font-size: 13px;
  line-height: 110%;
}
#generaltasksmenu {
  width: 100%;
  list-style: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#generaltasksmenu li {
  margin: 0 10px 10px 0;
  float: left;
}
#generaltasksmenu a {
  color: #777777;
  display: inline-block;
  padding: 5px;
  position: relative;
}
#generaltasksmenu .active a {
  color: black;
  background: #eeeeee;
  text-decoration: none;
}
#generaltasksmenu .active a:before {
  content: "";
  display: block;
  position: absolute;
  botm: -5px;
  left: 50%;
  margin-left: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #eeeeee;
  width: 0;
  height: 0;
}
#ProjectsGrid table {
  width: auto;
}
#ProjectsGrid table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
input.show-deleted {
  margin-left: 20px;
}
tr.deleted-user-row {
  color: #999999;
}
.restore-icon {
  margin: 3px 0 0;
  cursor: pointer;
}
.manage-authentication {
  font-size: 13px;
}
.manage-authentication ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}
.manage-authentication p {
  margin: 0 0 1em 0;
  padding: 0;
}
.manage-authentication p input {
  margin: 0;
}
.manage-authentication .actions input {
  margin: 30px 0 0 0;
}
.colorTextBox {
  float: left;
}
.colorHyperlinkView {
  vertical-align: middle;
  margin-left: 5px;
}
.textAreaNote {
  vertical-align: top;
  color: Gray;
}
.colorView {
  float: left;
  width: 60px;
  height: 25px;
  margin-left: 5px;
}
#PageBackgroundPreview {
  background: #f2f2f2;
}
#HoverLinksColorPreview {
  color: #da768c;
}
#SearchBackgroundPreview {
  background: #a52c46;
}
#LinksColorPreview {
  color: #aa2b40;
}
.t-numerictextbox .t-input {
  background: white;
}
.t-dropdown,
.t-dropdown-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-dropdown .t-input,
.t-dropdown-wrap .t-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-animation-container .t-item {
  word-wrap: break-word;
}
.t-grid .t-header,
.t-grid .t-last-header,
.t-grid .t-header .t-link {
  color: #333333;
  text-transform: uppercase;
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
}
.t-grid .t-alt {
  background: whitesmoke;
}
.t-grid td {
  border: none;
}
.t-grid .t-header {
  border: none;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0;
  color: #777777;
}
.t-grid .t-header:hover {
  background: whitesmoke;
}
.t-grid .t-header .t-link {
  color: #777777;
  letter-spacing: normal;
}
.admin .unauthorized-message {
  margin: 0;
}
/* General tasks */

#GeneralTasksGrid td .k-button {
  position: relative;
  bottom: 2px;
}
.enable-task-button {
  margin-left: 20px;
}
.t-dropdown {
  color: #787878;
}
.t-dropdown:hover,
.t-dropdown:focus {
  background: #e0edfa;
}
.t-dropdown .t-select {
  top: 2px;
}
.t-popup ul li {
  line-height: 2;
  color: #787878;
}
.t-popup ul li:hover {
  background: #eaeaea;
}
.t-state-selected {
  background: #e0edfa;
}
/* Work Types */

.work-types-td-reorder {
  text-align: center;
}
/* Common */

.flex .projects-wrap {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.projects-wrap {
  word-wrap: break-word;
}
.flex #projectsContainer {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  position: relative;
}
.k-tabstrip {
  background: none;
  border: none;
}
.k-tabstrip .k-content {
  background: none;
}
.k-tabstrip-items {
  overflow: hidden;
}
.k-tabstrip-items .k-item {
  display: block;
  float: left;
  margin-bottom: 5px;
}
.k-tabstrip-items .k-item.k-state-active {
  background: #eeeeee;
}
.k-tabstrip-items .k-item.k-state-active:after,
.k-tabstrip-items .k-item.k-state-active:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  display: block;
  bottom: -10px;
}
.k-tabstrip-items .k-item.k-state-active:after {
  border-color: transparent;
  border-top-color: #eeeeee;
  border-width: 5px;
  left: 50%;
}
.k-tabstrip-items .k-item.k-state-active:before {
  border-color: transparent;
  border-top-color: white;
  border-width: 5px;
  left: 50%;
}
.k-tabstrip-items .k-item.k-state-hover {
  background: none;
}
/* Create project window */

#projects-containter .item-id {
  margin-top: 0;
}
#projects-containter table tr td:first-child {
  min-width: 40px;
}
#projects-containter .k-grid table {
  width: auto;
  max-width: 100%;
}
.create-project-container {
  overflow: auto;
}
.create-project-container h1 {
  margin: 0 0 40px;
}
.create-project-container .label {
  text-transform: uppercase;
}
.create-project-container .property.fl {
  margin-right: 15px;
}
.create-project-container .section-content {
  padding-left: 18px;
}
.project-template-details .property span.label {
  padding: 1px 0;
  width: 70px;
}
.project-template-details label,
.project-template-details .toggle-other-template-options {
  margin-right: 5px;
  display: inline-block;
}
.project-template-details label input,
.project-template-details .toggle-other-template-options input {
  margin-left: 0;
}
.project-template-info {
  color: #888888;
  margin-bottom: 10px;
}
.project-template-info ul {
  margin: 0;
}
.other-template-options {
  background: none repeat scroll 0 0 whitesmoke;
  border-top: 1px solid #dfdfdf;
  margin-top: 5px;
  padding: 15px 20px;
  overflow: hidden;
  height: 95px;
}
.other-template-options.hidden {
  display: block;
  height: 0;
  padding: 0;
}
.other-template-options.hidden label {
  display: none;
}
.other-template-options label {
  width: 170px;
}
.project-admin {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-tabs {
  margin-bottom: 10px;
}
.project-header {
  margin-bottom: 15px;
}
.project-header h1 {
  margin: 0;
}
.project-header .item-id {
  margin-top: 5px;
}
/* Advanced settings */

#advanced-settings-containter {
  position: relative;
}
#advanced-settings-containter .warning-message {
  margin-bottom: 10px;
}
#advanced-settings-containter .editor-container {
  overflow: visible;
}
#advanced-settings-containter .CodeMirror {
  font-size: 12px;
  line-height: 1.5;
  width: 65%;
  height: 400px;
  float: left;
  border: 1px solid #dfdfdf;
}
#advanced-settings-containter .CodeMirror-focused {
  border: 1px solid rgba(162,203,244,.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
#advanced-settings-containter .advanced-setting-content {
  position: relative;
}
#advanced-settings-containter aside {
  width: 30%;
  position: absolute;
  top: 0;
  right: 0;
  background: #f0f0f0;
  border: 1px solid white;
  border-radius: 3px;
  padding: 15px;
  color: #707070;
  text-shadow: 1px 1px 0px white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#advanced-settings-containter aside .actions {
  text-align: center;
}
#advanced-settings-containter aside h1 {
  margin: 0;
  font-size: 12px;
  text-align: center;
}
#advanced-settings-containter aside ul {
  font-size: 11px;
  margin: 5px 0 10px;
  padding-left: 20px;
}
#advanced-settings-containter aside ul.error li {
  word-wrap: break-word;
}
#advanced-settings-containter aside.sticky {
  position: fixed;
  top: 115px;
}
#advanced-settings-containter .k-button {
  margin-bottom: 3px;
}
@media (max-width: 800px) {
  #advanced-settings-containter .CodeMirror {
    width: 100%;
  }
  #advanced-settings-containter aside {
    width: 100%;
    position: static;
    float: none;
  }
  #advanced-settings-containter aside h1 {
    text-align: left;
  }
  #advanced-settings-containter aside .k-button {
    float: left;
    margin: 3px;
  }
  #advanced-settings-containter aside .actions br {
    display: none;
  }
  #advanced-settings-containter aside.sticky {
    position: static;
  }
}
/* General Settings */

.duration input {
  float: left;
}
.duration span {
  display: block;
  float: left;
  padding: 4px;
}
.projects-form {
  max-width: 700px;
}
/*Areas and Iterations Tabs*/

.flex .areas-iterations-tree {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
  display: -webkit-box;
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex .areas-iterations-tree .items-tree-container {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
}
.areas-iterations-tree {
  margin-top: 10px;
}
.areas-iterations-tree .start-date,
.areas-iterations-tree .end-date {
  width: 100px;
}
.areas-iterations-tree table {
  table-layout: fixed;
  width: 100%;
}
.areas-iterations-tree .treeview-header {
  border-bottom: 1px solid #e2e2e2;
}
.areas-iterations-tree .k-top,
.areas-iterations-tree .k-mid,
.areas-iterations-tree .k-bot {
  white-space: normal;
  word-wrap: break-word;
}
.areas-iterations-tree .icon-reorder {
  font-size: 11px;
  color: #cccccc;
  position: relative;
  top: -1px;
  cursor: n-resize;
}
/* Teams */

.teams-grid {
  max-width: 300px;
}
.teams-grid td {
  overflow: visible;
  white-space: nowrap;
}
.teams-grid .property {
  margin: 0;
}
.teams-grid input[type=text] {
  border-color: transparent;
  background: transparent;
  width: 235px;
}
.teams-grid input[type=text]:hover,
.teams-grid input[type=text]:focus {
  border-color: #cccccc;
  background: white;
}
.teams-grid .k-tooltip-validation {
  white-space: normal;
}
.add-team-controls {
  min-width: 300px;
}
.add-team-controls input[type=text] {
  position: relative;
  top: 2px;
  width: 200px;
}
/* Members */

.flex #members {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-box-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex #members .k-grid-content {
  -webkit-flex-grow: 1;
  -ms-flex-negative: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0px;
  flex-grow: 1;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: auto;
  min-height: 0;
}
.no-flex #members .k-grid-content {
  overflow: hidden;
}
#members {
  padding-top: 10px;
}
#members table td {
  line-height: 2.5;
}
.project-members-window #permissions {
  margin: 5px 0;
}
.project-members-window #permissions label {
  display: block;
  margin: 15px 0;
}
.project-members-window #permissions input {
  position: relative;
  top: 1px;
  margin: 0 15px 0 0;
}
.project-members-window #userList[readonly] {
  width: 100%;
  border-color: transparent;
  padding-left: 0;
  cursor: default;
  color: black;
  border: 0;
  text-indent: 0;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-list-container span.project-user {
  display: block;
}
/* Portal */

#portal-settings-containter .treelist-container {
  float: left;
  min-width: 300px;
  max-height: none;
}
.portal-state-options {
  margin-top: 10px;
  margin-bottom: 10px;
}
.access-grid .icon-exclamation-sign {
  vertical-align: text-top;
}
/* reporting settings */

.reporting-settings .k-numerictextbox {
  width: 50px;
}
.reporting-settings .hint {
  float: none;
  max-width: 100%;
}
.welcomeWizardMenu {
  padding: 0;
  margin: 20px 0 50px;
  background: #d7ebff;
  width: 100%;
  min-width: 850px;
  overflow: hidden;
}
.welcomeWizardMenu h2 {
  margin: 0;
}
.step1,
.step2 {
  background: url("../Images/StepSeparator.png") no-repeat right top;
}
.step {
  padding: 10px;
  width: 31%;
  float: left;
}
.step h2 {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", "Segoe UI", verdana, Arial, Helvetica, Sans-Serif;
}
.step h2 .stepCountNumber {
  color: white;
  font-size: 40px;
  float: left;
  display: block;
}
.step h2 .stepTitle {
  margin: 0 0 0 38px;
  padding: 9px 0 0;
  display: block;
  line-height: 100%;
}
.step h2.active .stepTitle {
  color: black;
}
.step h2.inactive .stepTitle {
  color: #999999;
}
.step p {
  font-size: 11px;
  margin: 0 0 0 38px;
  max-width: 150px;
  line-height: 130%;
}
.nextStep {
  padding: 10px;
  margin: 20px 0 0;
  background: #c6e2ff;
  border-top: 2px solid white;
}
.nextStep a {
  display: block;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: #5eafce;
  width: 160px;
  text-align: center;
}
.nextStep a:hover {
  text-decoration: none;
  background: #45a3c7;
}
